Q1. React Life cycle
Add your answer
Q2. What React hooks have you utilized in your projects?
Add your answer
Q3. What is Redux, and what are the differences between Redux and Context?
Add your answer
Q4. What is the difference between visibility: hidden and display: none in CSS?
Add your answer
Q5. What are JavaScript closures, the temporal dead zone (TDZ), hoisting, and the JavaScript engine?
Add your answer

Identify the duplicate character in the string.

Q1. Given api url get data from API and render in UI and create custom pipe for change id into 1**8
Add your answer
Q2. What challenges faced during migration angular 12 to 17 and how to fix What is reducer in ngrx and how to create How to flat an array and sorting
Add your answer
Q3. Suppose we have two components parent and child relationship. In child component one button how can access these methods in parents component Suppose we have 3 components if changes in componentA then how...read more
Add your answer

Q1. What is data binding ?
Ans. 
Data binding is the automatic synchronization of data between the model and view components in an application.
• Data binding allows for the seamless updating of data in the model to be reflected in the view and vice versa.

• There are two-way data binding and one-way data binding.

• Two-way data binding updates the model and view simultaneously, while one-way data binding updates in one direction only.

• Example: In Angular, usin...read more
Answered by AI
Add your answer
Q2. Do you know lazy loading?
Ans. 
Lazy loading is a technique used to defer loading of non-essential resources until they are actually needed.
• Lazy loading helps improve performance by only loading resources when they are required.

• In Angular, lazy loading is commonly used for loading modules on demand rather than loading everything upfront.

• Lazy loading can be implemented using Angular's RouterModule and loadChildren feature.
Answered by AI
Add your answer

Q1. Explain Virtual DOM, Key Features of React, Hooks in React, create a todo app in react
Ans. 
Virtual DOM is a lightweight copy of the actual DOM, React key features include component-based architecture, declarative syntax, and virtual DOM, React Hooks are functions that let you use state and other React features without writing a class.
• Virtual DOM is a lightweight copy of the actual DOM that React uses to improve performance by updating only the necessary parts of the DOM.

• Key features of React include componen...read more
Answered by AI
Add your answer
Q2. Javascript Questions- Closures,promises,Async/await,setTimeOut, write acode to reverse a string
Add your answer

Q1. Self Introduction, some situation based questions
Add your answer
Q2. Basic HR regular questions
Add your answer

Q1. What is closuer? is normal function call as closuer or not
Ans. 
A closure is a function that has access to its own scope, as well as the scope in which it was defined.
• A closure allows a function to access variables from its outer function even after the outer function has finished executing.

• Closures are created whenever a function is defined within another function.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVa
Answered by AI
Add your answer
Q2. What is asyn/await
Ans. 
Async/await is a feature in JavaScript that allows for asynchronous code to be written in a synchronous manner.
• Async/await is built on top of promises and provides a more readable and concise way to work with asynchronous code.

• The 'async' keyword is used to define a function as asynchronous, allowing it to use the 'await' keyword inside it.

• When 'await' is used, it pauses the execution of the function until the promise ...read more
Answered by AI
Add your answer
Q3. Remove duplicate from array
Ans. 
Use Set to remove duplicates from array of strings.
• Create a Set from the array to automatically remove duplicates

• Convert the Set back to an array if needed

• Example: const arr = ['apple', 'banana', 'apple', 'orange']; const uniqueArr = [...new Set(arr)];
Answered by AI
Add your answer
Q4. Hoe does react Dom update?
Ans. 
React DOM updates by comparing the virtual DOM with the actual DOM and only updating the necessary components.
• React creates a virtual DOM to represent the UI components.

• When a state or prop changes, React re-renders the virtual DOM.

• React then compares the virtual DOM with the actual DOM to identify the differences.

• Only the necessary components are updated in the actual DOM, minimizing performance impact.
Answered by AI
Add your answer
Q5. What is react hooks explain some
Ans. 
React Hooks are functions that let you use state and other React features without writing a class.
• React Hooks were introduced in React 16.8.

• They allow you to use state and other React features in functional components.

• Some commonly used hooks are useState, useEffect, useContext, and useRef.

• Hooks make it easier to reuse logic across components.

• Hooks can be used to manage component state, perform side effects, and more.
Answered by AI
Add your answer
Q6. What is call bind apply?
Ans. 
Call, bind, and apply are methods used to manipulate the value of 'this' in JavaScript functions.
• Call - invokes a function with a specified 'this' value and arguments provided individually.

• Bind - creates a new function that, when called, has its 'this' keyword set to the provided value.

• Apply - invokes a function with a specified 'this' value and arguments provided as an array.
Answered by AI
Add your answer
Q7. What is difference b/w redux and redux toolkit
Ans. 
Redux Toolkit is a set of tools and best practices to simplify Redux development, while Redux is a predictable state container for JavaScript apps.
• Redux Toolkit provides a set of tools like createSlice, createAsyncThunk, and configureStore to simplify Redux setup and reduce boilerplate code.

• Redux Toolkit includes immer library for writing immutable update logic in a more convenient way.

• Redux Toolkit also includes a def...read more
Answered by AI
Add your answer
Q8. Write a RTL test to check the button
Ans. 
Writing a RTL test to check a button in React
• Use the render and fireEvent functions from @testing-library/react

• Find the button element using getByRole('button')

• Simulate a click event using fireEvent.click

• Assert that the button is visible and clickable
Answered by AI
Add your answer
Q9. What inline level and block level elements

Ans. 

Inline and block level elements in HTML/CSS

• Inline elements flow in the document in a line, without starting a new line. Examples include , , .

• Block level elements start on a new line and take up the full width available. Examples include

  ,

  ,

  .

Answered by AI

Add your answer