Add office photos
Microsoft Corporation
CompareProud winner of ABECA 2024 - AmbitionBox Employee Choice Awards
Filter interviews by
Microsoft Corporation React Js Frontend Developer Interview Questions and Answers
Microsoft Corporation React Js Frontend Developer Interview Experiences
1 interview found
Anonymous
I applied via Approached by Company and was interviewed in Nov 2023. There were 2 interview rounds.
(1 Question)
- Q1. DSA related to binary search
(1 Question)
- Q1. System Design for elevator
- Ans.
System design for elevator
Consider the number of floors in the building
Think about the capacity of the elevator
Design algorithms for efficient movement of the elevator
Include safety features such as emergency stop
Consider user interface for passengers
Interview Preparation Tips
Skills evaluated in this interview
Interview questions from similar companies
(1 Question)
- Q1. JavaScript deep concept, React coding , LifeCycle
I applied via Referral and was interviewed in Aug 2024. There were 2 interview rounds.
(3 Questions)
- Q1. Small Javascript coding questions
- Q2. Basic html and css questions
- Q3. Questions about last companies project
(2 Questions)
- Q1. JS coding questions, output based questions
- Q2. 2 html questions
Interview Preparation Tips
Selected
I applied via Naukri.com and was interviewed in May 2024. There were 3 interview rounds.
(2 Questions)
- Q1. Javascript, react and react native multiple questions
- Q2. Javascript coding practice. Context api,
(3 Questions)
- Q1. React Native Architecture
- Q2. Context vs redux
- Ans.
Context is a built-in feature in React for managing global state, while Redux is a separate library for managing state in React applications.
Context is simpler to set up and use compared to Redux.
Redux is more powerful and scalable for larger applications with complex state management needs.
Context is recommended for simpler state management needs, while Redux is recommended for more complex state management.
Redux has ...
- Q3. Scenario based multiple questions
(2 Questions)
- Q1. Salary Discussion
- Q2. Personal details
Interview Preparation Tips
Skills evaluated in this interview
I applied via Naukri.com and was interviewed in Oct 2023. There were 2 interview rounds.
(2 Questions)
- Q1. General Javascript and react questions
- Q2. 1.life cycle method 2.diff between var let const 3. Write code for to count duplicate characters from string Ect
- Ans.
Answers to common interview questions for Reactjs Developer position.
1. Life cycle methods in React include componentDidMount, componentDidUpdate, componentWillUnmount, etc.
2. 'var' has function scope, 'let' has block scope, 'const' is a constant variable.
3. Code to count duplicate characters in a string: const countDuplicates = (str) => { const count = {}; str.split('').forEach(char => { count[char] = count[char] ? co
(1 Question)
- Q1. Microforntend, design pattern, array reduce method ect
Skills evaluated in this interview
(1 Question)
- Q1. JavaScript deep concept, React coding , LifeCycle
I applied via Company Website and was interviewed before Jun 2023. There were 2 interview rounds.
Round 1 was the aptitude test and it went amazing
The second one was a coding test in which they asked DSA and basic frontend
I applied via Company Website and was interviewed in Sep 2021. There was 1 interview round.
Interview Questionnaire
16 Questions
- Q1. What are the features of html 5
- Ans.
HTML5 is the latest version of HTML with new features like video/audio support, canvas for graphics, local storage, and semantic elements.
Video and audio support
Canvas for graphics
Local storage
Semantic elements
- Q2. What is a css box model
- Ans.
CSS box model is a design concept that describes how elements are rendered on a web page.
It consists of content, padding, border, and margin.
Content is the actual element content.
Padding is the space between the content and the border.
Border is the line that surrounds the content and padding.
Margin is the space between the border and the next element.
The box model can be adjusted using CSS properties such as padding, b...
- Q3. What is prototype chaining
- Ans.
Prototype chaining is the mechanism by which objects inherit properties and methods from their prototype.
Every object in JavaScript has a prototype property that refers to another object.
If a property or method is not found on an object, JavaScript looks for it in the object's prototype chain.
Prototype chaining can be used to create inheritance in JavaScript.
Modifying the prototype of an object affects all objects that
- Q4. What's are the features of react
- Ans.
React is a JavaScript library for building user interfaces.
Declarative approach to building UI
Component-based architecture
Virtual DOM for efficient updates
JSX syntax for writing HTML in JavaScript
One-way data binding
Support for server-side rendering
Large and active community
Integration with other libraries and frameworks
- Q5. What are media elements
- Ans.
Media elements are HTML tags used to embed multimedia content like images, videos, and audio files on a webpage.
Media elements include ,
They allow for the display of images, videos, and audio files on a webpage
Attributes like src, alt, and controls are used to customize media elements
- Q6. What is same origin property
- Ans.
Same Origin Policy is a security feature in web browsers that restricts web pages from making requests to a different domain.
It prevents malicious scripts from accessing sensitive data from other websites
It applies to all web content, including JavaScript, CSS, and images
Cross-Origin Resource Sharing (CORS) is used to bypass the Same Origin Policy
Example: A script from www.example.com cannot access data from www.anothe
- Q7. Explain redux
- Ans.
Redux is a predictable state container for JavaScript apps.
Redux is a library for managing application state.
It provides a single source of truth for the entire application state.
Redux follows a unidirectional data flow pattern.
Actions are dispatched to update the state, which triggers a re-render of the UI.
Redux can be used with React, Angular, Vue, and other frameworks.
- Q8. Explain thunk
- Ans.
Thunk is a function that delays the evaluation of an expression.
A thunk is a function that wraps an expression to delay its evaluation.
It is commonly used in Redux to handle asynchronous actions.
Thunks are used to dispatch actions that return a function instead of an object.
Thunks can be used to handle side effects in React components.
- Q9. What are callbacks
- Ans.
Callbacks are functions passed as arguments to other functions and executed later.
Callbacks are used for asynchronous programming.
They allow a function to be called when an event occurs.
They can be used to handle errors in asynchronous code.
Examples include event listeners and setTimeout() function.
- Q10. Explain promises and it's 3 states
- Ans.
Promises are objects that represent the eventual completion or failure of an asynchronous operation.
Promises have 3 states: pending, fulfilled, or rejected
Pending is the initial state when a promise is created
Fulfilled means the operation completed successfully
Rejected means the operation failed
Promises can be chained using .then() and .catch() methods
- Q11. Basic js output questions
- Q12. React life cycle methods
- Q13. Callback hell
- Q14. Storage on html
- Q15. Worker threads on js
- Ans.
Worker threads allow for parallel execution of JavaScript code in the browser or Node.js environment.
Worker threads can be used to perform CPU-intensive tasks without blocking the main thread.
They can also be used to communicate between different scripts or modules.
In Node.js, worker threads can be created using the 'worker_threads' module.
In the browser, worker threads can be created using the 'Worker' constructor.
Exa...
- Q16. And I was asked to create a very basic input with toggle that print on the screen when in ON position what we enter in the input
Interview Preparation Tips
Skills evaluated in this interview
I applied via Company Website and was interviewed in Apr 2021. There were 3 interview rounds.
Interview Questionnaire
1 Question
- Q1. In depth knowledge about prototype, function borrowing, OOJS. Mostly focused on JS and under the hood of JS. Very basic React
Interview Preparation Tips
Microsoft Corporation Interview FAQs
Tell us how to improve this page.
Microsoft Corporation Interviews By Designations
- Microsoft Corporation Software Engineer Interview Questions
- Microsoft Corporation Software Developer Interview Questions
- Microsoft Corporation Senior Software Engineer Interview Questions
- Microsoft Corporation Software Developer Intern Interview Questions
- Microsoft Corporation Intern Interview Questions
- Microsoft Corporation Technical Support Engineer Interview Questions
- Microsoft Corporation Program Manager Interview Questions
- Microsoft Corporation Software Development Engineer Interview Questions
- Show more
Interview Questions for Popular Designations
- Reactjs Developer Interview Questions
- React Native Developer Interview Questions
- React Js Software Engineer Interview Questions
- Angular Frontend Developer Interview Questions
- React Developer Interview Questions
- Frontend Developer Intern Interview Questions
- UI Frontend Developer Interview Questions
- Web Designer & Frontend Developer Interview Questions
- Show more
Microsoft Corporation React Js Frontend Developer Interview Process
based on 1 interview
Interview experience
Interview Questions from Similar Companies
Fast track your campus placements
|
Software Engineer
2k
salaries
|  ₹13 L/yr - ₹51 L/yr |
|
Senior Software Engineer
1.1k
salaries
| ₹21 L/yr - ₹85 L/yr |
|
Software Engineer2
994
salaries
| ₹20 L/yr - ₹70 L/yr |
|
Consultant
598
salaries
| ₹13 L/yr - ₹36.7 L/yr |
|
Support Engineer
560
salaries
| ₹7.6 L/yr - ₹30 L/yr |
Amazon
Deloitte
TCS
- Home >
- Interviews >
- Microsoft Corporation Interview Questions >
- Microsoft Corporation React Js Frontend Developer Interview Questions
