Zepto Principal Engineer Interview Questions and Answers

Q1. What are the SEO standards that one needs to follow?
Ans. 
SEO standards include optimizing website content, using relevant keywords, and building quality backlinks.
• Optimize website content with relevant keywords and meta tags

• Ensure website is mobile-friendly and has fast loading speed

• Build quality backlinks from reputable sources

• Use descriptive and unique page titles and URLs

• Regularly update website content and add new pages

• Avoid duplicate content and keyword stuffing

• Utilize ...read more
Answered by AI
Add your answer
Q2. How is an arrow function different from a normal function?
Add your answer

Q1. What are higher-order components in React?
Add your answer
Q2. Why hooks were introduced?
Ans. 
Hooks were introduced to allow functional components to use state and lifecycle methods.
• Hooks were introduced in React 16.8

• They allow functional components to use state and lifecycle methods

• This makes it easier to reuse code and manage state

• Examples of hooks include useState, useEffect, and useContext
Answered by AI
Add your answer
Q3. What is meant by code splitting?
Ans. 
Code splitting is a technique to split code into smaller chunks to improve performance.
• Code is divided into smaller chunks that can be loaded on demand

• Reduces initial load time and improves performance

• Used in modern web development frameworks like React, Angular, and Vue

• Example: splitting a large JavaScript file into smaller modules
Answered by AI
Add your answer
Q4. What is tree shaking in React?
Ans. 
Tree shaking is a process of eliminating unused code in React applications.
• It is a part of the build process that removes dead code from the final bundle.

• It helps in reducing the size of the bundle and improving the performance of the application.

• It works by analyzing the code and identifying the parts that are not used.

• It is achieved through tools like webpack and babel.

• Example: If a component is not used in the appli...read more
Answered by AI
Add your answer

Q1. What are your salary expectations?
Add your answer
Q2. Tell me about yourself.vj
Add your answer

Round duration - 60 minute
Round difficulty - Easy

I was asked 3 Coding ques based on arrays , 4 SQL query based on given database, and to write a basic React code based on my resume.

Q1. 
Triplets with Given Sum Problem
Given an array or list ARR consisting of N integers, your task is to identify all distinct triplets within the array that sum up to a specified number K.
Explanation:
A t...read more
Ans. 
The task is to identify all distinct triplets within an array that sum up to a specified number.
• Iterate through the array and use nested loops to find all possible triplets.

• Check if the sum of the triplet equals the specified number.

• Print the triplet if found, else print -1.
Answered by AI
Add your answer

Round duration - 60 minutes
Round difficulty - Medium

This was a technical round where the interviewer asked me questions based on DSA, Computer Networking, Operating Systems, HTML, CSS, React and Node js.

Q1. 
Balanced Parentheses Combinations
Given an integer N representing the number of pairs of parentheses, find all the possible combinations of balanced parentheses using the given number of pairs.
Explanati...read more
Ans. 
Generate all possible combinations of balanced parentheses for a given number of pairs.
• Use recursion to generate all possible combinations of balanced parentheses.

• Keep track of the number of open and close parentheses used in each combination.

• Terminate recursion when the number of open and close parentheses used equals the given number of pairs.
Answered by AI
Add your answer
Q2. Can you explain the different OSI layers?
Ans. 
The OSI (Open Systems Interconnection) model is a conceptual framework that standardizes the functions of a telecommunication or computing system into seven distinct layers.
• Physical Layer: Deals with physical connections and transmission of raw data. Example: Ethernet cables.

• Data Link Layer: Manages data transfer between devices on the same network. Example: MAC addresses.

• Network Layer: Handles routing and forwarding o...read more
Answered by AI
Add your answer
Q3. What is the difference between a process and a thread?
Ans. 
A process is an independent entity that contains its own memory space and resources, while a thread is a lightweight sub-process that shares the same memory space and resources with other threads.
• A process has its own memory space, while threads share the same memory space within a process.

• Processes are independent entities, while threads are sub-processes that rely on the process for execution.

• Threads are lighter weig...read more
Answered by AI
Add your answer
Q4. How do you center a div using CSS?
Ans. 
To center a div using CSS, set the left and right margins to auto and specify a width for the div.
• Set margin-left and margin-right to auto

• Specify a width for the div

• Use display: block to ensure the div takes up the full width
Answered by AI
Add your answer
Q5. What is the virtual DOM in React?
Ans. 
Virtual DOM is a lightweight copy of the actual DOM in React, used for efficient updates.
• Virtual DOM is a concept where a lightweight copy of the actual DOM is created in memory.

• When changes are made to the virtual DOM, React compares it with the actual DOM to identify the minimal number of updates needed.

• This process helps in optimizing performance by reducing the number of DOM manipulations.

• Example: When a user inter...read more
Answered by AI
Add your answer
Q6. Can you explain the updating phase of the React lifecycle?
Ans. 
Updating phase in React lifecycle is where the component re-renders due to changes in props or state.
• ComponentWillReceiveProps() is called before the update to compare new props with current props.

• ShouldComponentUpdate() is called to determine if the component should re-render.

• ComponentWillUpdate() is called before the re-render.

• Render() is called to update the UI with the new props or state.

• ComponentDidUpdate() is cal...read more
Answered by AI
Add your answer
Q7. What is the Event Loop in Node.js?
Ans. 
The Event Loop in Node.js is a mechanism that allows Node.js to perform non-blocking I/O operations.
• The Event Loop is responsible for handling asynchronous operations in Node.js.

• It allows Node.js to execute multiple operations concurrently without blocking the main thread.

• Event Loop continuously checks the event queue for new events and processes them in a loop.

• Example: When a file is being read asynchronously in Node....read more
Answered by AI
Add your answer

Round duration - 60 minutes
Round difficulty - Medium

1 coding problem and a puzzle was asked in this round.

Q1. 
Break The Integer Problem Statement
Given an integer N, the task is to divide this integer into 'K' positive parts (where K ≥ 2) such that their sum equals N. The objective is to maximize the product of t...read more
Ans. 
Given an integer N, divide it into K positive parts to maximize their product.
• Divide N into K parts such that their sum equals N

• Maximize the product of the K parts

• Constraints: 1 ≤ T ≤ 11, 2 ≤ N ≤ 55

• Example: For N = 10, parts [3, 3, 4] give product 36
Answered by AI
Add your answer
Q2. How many times in a day do the two hands on a clock coincide?
Ans. 
The two hands of a clock coincide 22 times in a day.
• The two hands of a clock coincide at 12:00, 1:05, 2:10, 3:15, 4:20, 5:25, 6:30, 7:35, 8:40, 9:45, and 10:50.

• The hands coincide once every hour, except for when they coincide at 12:00 where they coincide twice.

• The hands coincide at 12:00, 1:05, 2:10, 3:15, 4:20, 5:25, 6:30, 7:35, 8:40, 9:45, 10:50, and 11:55.
Answered by AI
Add your answer

Round duration - 30 minutes
Round difficulty - Easy

Typical HR round with behavioral problems.