Filter interviews by
I applied via LinkedIn and was interviewed in Apr 2023. There were 2 interview rounds.
I have to make a replica of a figma design , with React , CSS
posted on 14 Sep 2024
I applied via Naukri.com and was interviewed in Aug 2024. There was 1 interview round.
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
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 ...
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)];
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.
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.
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.
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...
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
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
,
Microtasks in JavaScript are tasks that are executed asynchronously and have higher priority than regular tasks.
Microtasks are scheduled to run after the current script has finished but before the browser has a chance to render.
They are often used with promises, as promise callbacks are executed as microtasks.
Microtasks are executed in the same event loop iteration as regular tasks, but before the next rendering.
Exampl...
Custom hooks are reusable functions that allow you to extract component logic into separate functions.
Custom hooks are prefixed with 'use' and can call other hooks if needed.
They can be used to share logic between components without duplicating code.
Custom hooks can be created for any kind of logic, such as fetching data, managing state, or handling side effects.
Redux is a predictable state container for JavaScript apps. It helps manage the state of an application in a centralized store.
Create a Redux store to hold the state of the application
Define actions to describe state changes
Write reducers to specify how the state changes in response to actions
Dispatch actions to update the state in the store
Connect components to the Redux store using the connect function from react-red
Redux is a predictable state container for JavaScript apps.
Actions are dispatched to the store
Reducers specify how the state changes in response to actions
Store holds the state of the application
Components can subscribe to the store to access state
I applied via Naukri.com and was interviewed in Jun 2024. There were 3 interview rounds.
It was a hacker coding test mostly javascript questions
Context API is a feature in React that allows sharing data between components without having to pass props manually.
Create a context using createContext() method
Use the Provider component to wrap the components that need access to the context
Access the context data using the useContext() hook within the consuming components
Debugging a code involves identifying and fixing errors in the code to ensure it runs correctly.
Use console.log() statements to print out values and check for errors
Utilize browser developer tools to inspect elements and debug JavaScript
Step through the code using breakpoints to identify the source of the issue
Review error messages and stack traces to pinpoint the problem
Consider using tools like linters and debuggers
Employee details can be retrieved using group by clause in SQL.
Use GROUP BY clause in SQL to group employee details based on a specific column
Aggregate functions like COUNT, SUM, AVG can be used with GROUP BY to get summarized employee details
Example: SELECT department, COUNT(*) as total_employees FROM employees GROUP BY department
I applied via Naukri.com and was interviewed in Feb 2024. There were 3 interview rounds.
React is a JavaScript library for building user interfaces.
React allows for the creation of reusable UI components
It uses a virtual DOM for efficient rendering
React is declarative, making it easier to understand and debug code
Creating a simple app using Redux for state management in a front end application.
Set up Redux store with reducers and actions
Connect components to Redux store using mapStateToProps and mapDispatchToProps
Dispatch actions to update state in Redux store
Use combineReducers to manage multiple reducers
Agile process involves iterative development, frequent collaboration, and adaptability to changes.
Daily stand-up meetings to discuss progress and roadblocks
Sprints for focused development and testing
Continuous feedback and iteration based on user input
Use of tools like Jira or Trello for project management
I applied via Naukri.com and was interviewed in Mar 2024. There was 1 interview round.
Front end developers are in high demand due to the increasing importance of user experience in web development.
Front end developers work on the client side of web development, focusing on the user interface and user experience.
They are responsible for implementing designs, optimizing performance, and ensuring cross-browser compatibility.
Front end developers often use HTML, CSS, and JavaScript, as well as frameworks lik...
Reasoning is the mental process of thinking, understanding, and forming conclusions.
Reasoning involves using logic and critical thinking to make sense of information.
It helps in problem-solving and decision-making by analyzing and evaluating evidence.
Types of reasoning include inductive reasoning, deductive reasoning, and abductive reasoning.
I applied via Naukri.com and was interviewed in Jul 2024. There was 1 interview round.
React js Assessments
State in functional components can be managed using the useState hook in React.
Use the useState hook to declare state variables in functional components.
useState returns an array with the current state value and a function to update that value.
Example: const [count, setCount] = useState(0);
State variables should be immutable, so always use the setter function to update them.
Event loop in JavaScript is responsible for handling asynchronous operations by executing callback functions in a non-blocking way.
Event loop is a mechanism that allows JavaScript to perform non-blocking operations.
It continuously checks the call stack and the callback queue to see if there are any functions that need to be executed.
If the call stack is empty, it takes the first function from the callback queue and pus...
Hosting in JavaScript refers to the process of declaring a variable or function before it is used in the code.
Hosting allows you to use variables and functions before they are declared in the code.
Variables are hoisted to the top of their scope, while functions are fully hoisted.
Example: console.log(myVar); var myVar = 10; This will not throw an error because 'myVar' is hoisted to the top of the scope.
I applied via Naukri.com and was interviewed in Aug 2023. There were 2 interview rounds.
Javascript,Angular,Angular Js questions
based on 1 review
Rating in categories
TCS
Accenture
Wipro
Cognizant