Analyttica | Frontend Developer | August 2025 | 3.5 YOE

Explain what hoisting is in JavaScript. Provide pseudo code examples for both variable hoisting and function hoisting.

Determine the output for typeof a and typeof b after executing the given JavaScript code:

function test() {
  let a = b = 10;
}
test();
console.log(typeof a);
console.log(typeof b);

Explain what closures are in JavaScript. Provide a pseudo code example to illustrate the concept.

Determine the output for the given JavaScript code involving closures and multiple function instances:

function outer() {
  let count = 0;
  return function inner() {
    count++;
    console.log(count);
  };
}
const counter1 = outer();
counter1();
counter1();
const counter2 = outer();
counter2();
counter2();

Explain the behavior of the this keyword in JavaScript in various contexts (e.g., global, function, method, arrow function).

Explain the purpose and differences between call, apply, and bind methods in JavaScript. Provide pseudo code examples for each.

Explain what a Promise is in JavaScript and how it handles asynchronous operations. Write pseudo code to demonstrate how to create and resolve a Promise that prints 'Hello World'.

Determine the output for the given JavaScript code:

let x = 1;
if (function f() {}) {
  x += typeof f;
}
console.log(x);

Explain what React is and its core principles.

Describe the different phases and methods in the React component lifecycle.

List and briefly describe the React Hooks you are familiar with.

Explain the purpose and usage of useRef and useMemo hooks in React.

Explain the key differences between useEffect and useLayoutEffect in React and when to use each.

Implement a React Context with predefined user data. Pass this context down to a child component and render the data on the screen.

Discuss the libraries you have used for API integration in React applications.

Explain the key differences and advantages/disadvantages of using fetch API versus axios for making HTTP requests in JavaScript.

Given an API endpoint, integrate it using the fetch API. Then, render 4 specific fields for each item received from the JSON response list onto the screen.

Enhance the previously integrated list by adding a textbox. Implement client-side logic to filter the displayed data based on the input in the textbox.

Standard behavioral question: Introduce yourself, your background, and relevant experience.

Discuss your expectations regarding the role, company culture, growth opportunities, and work environment.

Describe your experience, if any, with Generative AI tools and the extent of their usage in your work or projects.

Describe your strategy for understanding, navigating, and contributing to a large and complex existing codebase as a new team member.

Discuss your experience in interacting and collaborating with clients and various stakeholders, including how you gather requirements and manage expectations.

Describe your experience working within an Agile development methodology.

Share your perspective on having a growth mindset and taking initiative in a work environment, providing examples if possible.

Describe your approach to architecting a new application from scratch, including considerations for scalability, maintainability, and chosen technologies.

Discuss whether a UI developer should have a complete understanding of the underlying business logic, and the benefits or drawbacks.

Articulate your career goals and explain how they align with the objectives and future direction of the company.

Describe your approach and steps for handling situations where client or stakeholder requirements are unclear or ambiguous.

Reflect on your past promotion and explain what you believe were the most significant factors or contributions that led to it.

Implement a custom state management solution from scratch. The candidate specifically mentioned implementing it using React Context.

Explain the concept of 'Prop Drilling' in React and discuss its main disadvantages.

Explain how React's Context API helps to mitigate or solve the problem of Prop Drilling.

Discuss the potential disadvantages or limitations of using React's Context API for state management.

Explain the difference between the Document Object Model (DOM) and the concept of Shallow DOM (often related to testing or virtual DOM comparisons).

Explain what the Virtual DOM is in React and detail the process of Reconciliation, including how React efficiently updates the actual DOM.

Describe strategies and techniques to avoid unnecessary re-rendering of components in a React application to optimize performance.

Explain what a callback function is in JavaScript and provide examples of its usage.

Explain what a Higher-Order Component (HOC) is in React, its purpose, and how to use it.

Discuss various strategies and best practices for improving the performance, maintainability, and scalability of a React application.

Describe your experience with software testing, specifically explaining Black Box and White Box testing methodologies.