🚀 React Interview Experience (July 2025): Sparx IT
Overview
This document outlines a React developer interview experience at Sparx IT in July 2025. The interview process assessed the candidate's knowledge of various frontend technologies and concepts. The questions spanned fundamental CSS principles to advanced React features and tooling.
Interview Rounds
The interview included questions across a broad spectrum of frontend development topics. Here's a breakdown:
-
CSS Fundamentals: Questions focused on line-height, pseudo-classes/elements, positioning (relative, absolute, fixed, sticky), SASS/SCSS, and responsive design techniques.
-
React Core Concepts: The candidate was questioned on
useEffectcleanup functions, the difference betweenuseReduceranduseState, Redux workflow, static site generation (SSG), server-side rendering (SSR), and updates in React 19. -
Next.js: The interviewer explored the reasons for using Next.js, highlighting its SSR/SSG capabilities and built-in features.
-
React Component Communication: Questions addressed passing data from child to parent components using callback functions and the purpose of
forwardRef. -
Code Optimization: Code splitting was discussed as a performance optimization technique.
-
TypeScript: The interviewer assessed the candidate's understanding of interfaces and type annotations.
-
JavaScript Fundamentals: The questions covered prototypes, Axios interceptors, event bubbling, hoisting, and object manipulation.
Here's a detailed list of questions:
CSS
- What is
line-heightin CSS? - What are pseudo-classes and pseudo-elements in CSS? Give Examples.
- What is the difference between relative, absolute, fixed, and sticky positioning in CSS?
- What is SASS/SCSS?
- What is
remin CSS? - How would you make a website responsive?
React
- What is the use of
returninsideuseEffect? - Difference between
useReduceranduseState. - Explain the workflow of Redux.
- What is static site generation (SSG)?
- What is server-side rendering (SSR)?
- What all has been updated in React 19?
- Why do we use Next.js?
- How would you pass data from child to parent in React?
- What is
forwardRefin React? - Explain CodeSplitting.
TypeScript
- What are interfaces in TypeScript?
- What will be the type of anchor tag in TypeScript?
General
- How would you create a React app?
- What are prototypes?
- What are interceptors in axios?
JavaScript Output Based Questions
- What will be the output of:
<div onclick="console.log('first div')">
<div onclick="console.log('second div')">
<button onclick="console.log('button')">Click!</button>
</div>
</div>
- What will be the output of:
function foo() {
employeeId();
var product = 'Car';
return;
function employeeId() {
console.log(product);
}
}
foo();
- What will be the output of:
(function () {
var objA = Object.create({ foo: 'foo' });
var objB = objA;
objB.foo = 'bar';
delete objA.foo;
console.log(objA.foo);
console.log(objB.foo);
}());
- What will be the output of:
const a = {};
const b = { key: 'b' };
const c = { key: 'c' };
a[b] = 123;
a[c] = 456;
console.log(a[b]);
- What will be the output of :
var obj = {
message: 'Hello',
innerMessage: function () {
(function () {
console.log(this.message);
}());
}
};
console.log(obj.innerMessage());
Key Takeaways
- A strong understanding of CSS fundamentals is crucial for frontend development roles.
- React developers should be well-versed in core concepts like state management, component communication, and performance optimization.
- Experience with Next.js and TypeScript is highly valued for building modern React applications.
- A solid foundation in JavaScript, including prototypes, event handling, and asynchronous operations, is essential.
- Being able to predict the output of JavaScript code snippets is a common assessment technique.
Original Source
This experience was originally published on medium. Support the author by visiting the original post.
Read on medium