Codebuddy Interview Questions, Process, and Tips

Q1. What are hooks in react
Ans. 
Hooks are a new addition in React 16.8 that allow you to use state and other React features without writing a class.
• Hooks are functions that let you use state and other React features in functional components.

• They allow you to reuse stateful logic without changing your component hierarchy.

• Examples of hooks include useState, useEffect, useContext, etc.
Answered by AI
Add your answer
Q2. DSA question asked based on array
Add your answer

It was mixed test some of them are mcq, subjective and dsa question test as well

Q1. Questions on resume
Add your answer
Q2. Asked to do react coding live
Add your answer

Q1. What are keys and what are their uses?
Ans. 
Keys are unique identifiers for elements in a list in React, used for efficient rendering and updating.
• Keys help React identify which items have changed, are added, or are removed in a list.

• Keys should be unique among siblings, but don't need to be globally unique.

• Using index as a key is not recommended as it can cause issues with component state.

• Keys are important for performance optimization in React.

• Example:

  {items.
Answered by AI
Add your answer
Q2. What is code splitting?
Ans. 
Code splitting is a technique used to split a large bundle of code into smaller chunks that can be loaded on demand.
• Code splitting helps improve performance by reducing initial load times.

• It allows for lazy loading of code, meaning only the necessary code is loaded when needed.

• Commonly used in React applications using dynamic imports or React.lazy().
Answered by AI
Add your answer
Q3. Is it advisable to use indexes as keys? If not, why?
Ans. 
No, it is not advisable to use indexes as keys in React components.
• Using indexes as keys can lead to performance issues and incorrect behavior when reordering or deleting items in a list.

• It is recommended to use unique IDs as keys to ensure proper component rendering and reconciliation.

• Example:

  {items.map((item, index) =>
  • {item}
  )}
Answered by AI
Add your answer

Q1. Intro , Defect life cycle, Experience,
Add your answer
Q2. Calculation related questions, Experience, Tools used, Scenario based questions
Add your answer
Q3. Experience, Tech Known, Scenario based question
Add your answer

Q1. What is hoisting?
Ans. 
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope.
• Variable and function declarations are hoisted to the top of their scope during the compilation phase.

• Only declarations are hoisted, not initializations.

• Function declarations are hoisted before variable declarations.
Answered by AI
Add your answer
Q2. When to use memoisation?
Ans. 
Memoisation should be used to optimize performance by caching expensive function calls.
• Use memoisation when a function is computationally expensive and its output depends only on its input parameters.

• Memoisation can be used to cache the results of recursive function calls to avoid redundant calculations.

• In React, useMemo hook can be used to memoize the result of a function component to prevent unnecessary re-renders.

• Me...read more
Answered by AI
Add your answer

Gave to build a login form system with react