Add office photos
i
Tech Mahindra
Compare
Filter interviews by
Tech Mahindra UI Developer Interview Questions, Process, and Tips
Top Tech Mahindra UI Developer Interview Questions and Answers
- Q1. How to render list in react? Also explain difference between state vs prop in react?
- Q2. What are the webpage optimization techniques? How to check webpage optimization? In lighthouse optimization reports , how to fix issue related render blocking scripts?
- Q3. Write scss code nested li element by applying background color 2 element and also use mixins?
Tech Mahindra UI Developer Interview Experiences
2 interviews found
amrith raj Nalam
I applied via Approached by Company and was interviewed in May 2024. There were 2 interview rounds.
(3 Questions)
- Q1. Given UI task display like display boxes side by side in desktop screen and one after the other in mobile screen using media queries?
- Q2. Explain difference between authorization vs authentication?
- Ans.
Authentication verifies a user's identity, while authorization determines what a user can access.
Authentication confirms a user's identity through credentials like username and password.
Authorization controls access to resources based on the authenticated user's permissions.
Example: Logging into a website (authentication) and then being able to view/edit specific pages based on your role (authorization).
- Q3. How to render list in react? Also explain difference between state vs prop in react?
- Ans.
To render a list in React, use map() function to iterate over an array of data and return a list of components. State is mutable data managed within a component, while props are immutable data passed from parent to child components.
To render a list in React, use map() function to iterate over an array of data and return a list of components.
Example: const items = ['item1', 'item2', 'item3']; items.map(item =>
- read more
(3 Questions)
- Q1. What are the webpage optimization techniques? How to check webpage optimization? In lighthouse optimization reports , how to fix issue related render blocking scripts?
- Ans.
Webpage optimization techniques include minifying CSS and JS files, optimizing images, using asynchronous loading for scripts, and reducing render-blocking scripts.
Minify CSS and JS files to reduce file sizes and improve loading times.
Optimize images by compressing them and using the correct file format (e.g. JPEG for photographs, PNG for graphics).
Use asynchronous loading for scripts to prevent them from blocking the ...
- Q2. Write scss code nested li element by applying background color 2 element and also use mixins?
- Ans.
Use SCSS to apply background color to nested li elements and utilize mixins.
Use nesting to target the li elements within a parent element
Apply background color to the 2nd li element using the :nth-child() selector
Define and use mixins to reuse styles across the codebase
- Q3. How to fix cumulative layout shift issues?
- Ans.
To fix cumulative layout shift issues, ensure all images and media have dimensions specified in HTML, use CSS aspect ratio boxes, and prioritize loading critical resources.
Specify dimensions for all images and media in HTML to prevent layout shifts.
Use CSS aspect ratio boxes to reserve space for images before they load.
Prioritize loading critical resources to avoid sudden layout changes.
Interview Preparation Tips
hypothetically and behavioral questions. After all , simple says rejected?
Skills evaluated in this interview
Anonymous
(1 Question)
- Q1. Indroduction
Hii
Interview Preparation Tips
BCA:2021
From:Mahatma Gandhi Kashi Vidhyapith Varanasi
UI Developer Jobs at Tech Mahindra
Interview questions from similar companies
(2 Questions)
- Q1. Ui development and component related
- Q2. Performance of technology and challenges
(2 Questions)
- Q1. Personal introduction and location details
- Q2. Negatition of salries excepectations
Interview Preparation Tips
(2 Questions)
- Q1. JAVAscript related,es6 api calls
- Q2. UI related css html questitions
Javscript oop related coding
I applied via Naukri.com
(2 Questions)
- Q1. What's your father do..
- Ans.
My father is a software engineer who works for a tech company.
Father is a software engineer
Works for a tech company
- Q2. Tell me family details
I was interviewed in Jun 2024.
This is coding + mcq question
(3 Questions)
- Q1. What is react class based conponent?
- Q2. What is mixins?
- Q3. What are react lifecycles?
Selected
I applied via Naukri.com and was interviewed before Nov 2023. There were 3 interview rounds.
Excellent and test related which we worked technology only
(2 Questions)
- Q1. What is different between react and angular?
- Ans.
React is a JavaScript library for building user interfaces, while Angular is a full-fledged framework for web development.
React is a library, while Angular is a framework.
React uses a virtual DOM for better performance, while Angular uses a regular DOM.
React is more flexible and allows developers to choose their own tools and libraries, while Angular has a more opinionated structure.
React is mainly focused on the view ...
- Q2. What is props drilling and higher order component in react. ?
- Ans.
Props drilling is passing props through multiple levels of components. Higher order component is a function that takes a component and returns a new component.
Props drilling involves passing props from a parent component to a deeply nested child component, which can lead to prop pollution and make the code harder to maintain.
Higher order component is a pattern where a function takes a component and returns a new compon...
(2 Questions)
- Q1. Previous projects domain
- Q2. What is role of previous company and some questions related to previous projects
Interview Preparation Tips
Skills evaluated in this interview
I applied via Approached by Company and was interviewed before Nov 2023. There was 1 interview round.
(2 Questions)
- Q1. WHat is event loop?
- Ans.
Event loop is a mechanism in JavaScript that allows for asynchronous operations to be executed in a non-blocking way.
Event loop is responsible for handling asynchronous operations in JavaScript.
It allows for non-blocking execution of code by continuously checking the call stack and the task queue.
When the call stack is empty, the event loop moves tasks from the task queue to the call stack for execution.
Example: setTim...
- Q2. What is DOM ?
- Ans.
DOM stands for Document Object Model, a programming interface for web documents.
DOM is a tree-like structure that represents the elements of a web page.
It allows developers to manipulate the content, structure, and style of a web page using scripting languages like JavaScript.
DOM provides methods and properties to interact with HTML elements, such as selecting, adding, removing, or modifying them.
Example: document.getE...
Skills evaluated in this interview
Manish K H
(2 Questions)
- Q1. Explain difference between inline and inline block
- Ans.
Inline elements do not start on a new line and only take up as much width as necessary, while inline-block elements can have a width and height specified.
Inline elements do not start on a new line
Inline elements only take up as much width as necessary
Inline-block elements can have a width and height specified
Inline-block elements can have margins and paddings applied
Inline-block elements can have line breaks within the
- Q2. Described semantic html
- Ans.
Semantic HTML is the use of HTML elements that carry meaning and convey the structure of the content.
Semantic HTML helps improve accessibility and SEO.
It provides a clear and meaningful structure to the content.
Examples of semantic HTML elements include
,
Skills evaluated in this interview
I applied via Naukri.com and was interviewed in Feb 2022. There were 2 interview rounds.
(2 Questions)
- Q1. React virtual dom, how it works
- Ans.
React virtual DOM is a lightweight copy of the actual DOM, which allows React to efficiently update and render components.
React creates a virtual DOM tree that mirrors the actual DOM.
When changes occur, React compares the virtual DOM with the previous version to identify the minimal updates needed.
React then updates the virtual DOM and efficiently applies the changes to the actual DOM.
This process helps in optimizing p...
- Q2. Explain redux, and flow
- Ans.
Redux is a predictable state container for JavaScript apps. Flow is a static type checker for JavaScript.
Redux is a state management library for JavaScript applications.
It helps in managing the state of an application in a predictable way.
It follows a unidirectional data flow pattern.
Flow is a static type checker for JavaScript that helps in catching errors before runtime.
It helps in improving the quality of code and r
(2 Questions)
- Q1. Explain unit testing
- Ans.
Unit testing is a software testing technique where individual units or components of a software application are tested in isolation from the rest of the application.
Unit testing is done to ensure that each unit of the software application is working as expected.
It helps in identifying and fixing bugs early in the development cycle.
Unit tests are automated and can be run frequently to ensure that changes made to the cod...
- Q2. Explain routing in react
- Ans.
Routing in React is the process of navigating between different components or pages based on the URL.
React Router is a popular library for handling routing in React
It allows for declarative routing with components and URLs
Routes can be defined with parameters and nested routes
Navigation can be done with Link and NavLink components
Programmatic navigation can be done with the useHistory hook
Interview Preparation Tips
Skills evaluated in this interview
Tech Mahindra Interview FAQs
Some of the top questions asked at the Tech Mahindra UI Developer interview -
Tell us how to improve this page.
Tech Mahindra Interviews By Designations
- Tech Mahindra Software Engineer Interview Questions
- Tech Mahindra Senior Software Engineer Interview Questions
- Tech Mahindra Customer Service Associate Interview Questions
- Tech Mahindra Associate Software Engineer Interview Questions
- Tech Mahindra Customer Service Executive Interview Questions
- Tech Mahindra Customer Support Associate Interview Questions
- Tech Mahindra Customer Care Executive Interview Questions
- Tech Mahindra Software Developer Interview Questions
- Show more
Interview Questions for Popular Designations
- UI UX Developer Interview Questions
- Front end Developer Interview Questions
- Web Developer Interview Questions
- Backend Developer Interview Questions
- Software Developer Intern Interview Questions
- Senior UI Developer Interview Questions
- Junior Software Developer Interview Questions
- Full Stack Software Developer Interview Questions
- Show more
UI Developer Interview Questions from Similar Companies
Fast track your campus placements
Tech Mahindra UI Developer Reviews and Ratings
based on 13 reviews
Rating in categories
|
Software Engineer
26.3k
salaries
|  ₹2 L/yr - ₹10.7 L/yr |
|
Senior Software Engineer
21.3k
salaries
| ₹5.5 L/yr - ₹22.9 L/yr |
|
Technical Lead
11.6k
salaries
| ₹9.5 L/yr - ₹31.9 L/yr |
|
Associate Software Engineer
5.4k
salaries
| ₹1.8 L/yr - ₹6 L/yr |
|
Team Lead
4.9k
salaries
| ₹5.2 L/yr - ₹16.9 L/yr |
Infosys
Cognizant
Accenture
Wipro
Calculate your in-hand salary
- Home >
- Interviews >
- Tech Mahindra Interview Questions >
- Tech Mahindra UI Developer Interview Questions
