Supple Soft Web Designer & Frontend Developer Interview Questions and Answers

Q1. What is Pure function?
Ans. 
A pure function is a function that always produces the same output for the same input and has no side effects.
• Always returns the same output for the same input

• Does not modify any external state or variables

• No side effects, such as network requests or console logs

• Easier to test and reason about
Answered by AI
Add your answer
Q2. What is redux? Explain it with example
Ans. 
Redux is a predictable state container for JavaScript apps.
• Redux is a state management tool commonly used with React.

• It helps in managing the state of an application in a predictable way.

• Redux stores the state of the application in a single immutable state tree.

• Actions are dispatched to update the state, and reducers specify how the state changes in response to actions.

• Example: const initialState = { count: 0 }; const ...read more
Answered by AI
Add your answer

Q1. How to send the data from child to parent component?
Ans. 
Data can be sent from child to parent component in React by using callback functions.
• Use callback functions to pass data from child to parent component

• Define a function in the parent component and pass it as a prop to the child component

• Call the function in the child component with the data as an argument
Answered by AI
Add your answer
Q2. What is closure?
Ans. 
Closure is the combination of a function bundled together with references to its surrounding state.
• Closure allows a function to access variables from its outer scope even after the outer function has finished executing.

• It helps in maintaining state in functional programming.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVar); }; }
Answered by AI
Add your answer

MCQ question for frontend

Q1. For ask about background
Add your answer
Q2. Project skills education workong
Add your answer

Assignment is and introduction

Round duration - 90 Minutes
Round difficulty - Medium

2 coding questions and 20 mcq
 

Q1. 
Rotting Oranges Problem Statement
You are given a grid containing oranges where each cell of the grid can contain one of the three integer values:
• 0 - representing an empty cell
• 1 - representing a fre...read more
Ans. 
Find the minimum time required to rot all fresh oranges in a grid.
• Use Breadth First Search (BFS) to simulate the rotting process.

• Track the time taken to rot all oranges and return -1 if any fresh oranges remain.

• Handle edge cases like no fresh oranges or all oranges already rotten.

• Consider using a queue to efficiently process adjacent oranges.

• Ensure to update the grid with the new state of oranges after each second.
Answered by AI
Add your answer
Q2. 
Calculate Sum of Proper Divisors
Given a natural number N, return the sum of all its proper divisors.
A proper divisor of Y is defined as a number X such that X < Y and Y % X = 0.
Example:
Input:
T...read more
Ans. 
Calculate the sum of proper divisors of a given natural number.
• Iterate from 1 to sqrt(N) and check for divisors

• If a divisor is found, add it to the sum and also add N/divisor if it is not the same as divisor

• Return the sum as the result
Answered by AI
Add your answer

Round duration - 45 Minutes
Round difficulty - Medium

Technical interview

Q1. 
Rearrange Array to Form Largest Number
Given an array ARR consisting of non-negative integers, rearrange the numbers to form the largest possible number. The digits within each number cannot be changed.
...read more
Ans. 
Rearrange the array elements to form the largest possible number by concatenating them.
• Sort the array elements in a custom comparator function to get the largest number.

• Convert the sorted array elements to strings and concatenate them to form the final number.

• Handle cases where the numbers have the same prefix by comparing the concatenated forms.
Answered by AI
Add your answer