Atlassian Senior Front end Developer Interview Questions and Answers

Q1. What are states and props in React?
Ans. 
States and props are important concepts in React for managing and passing data between components.
• States are mutable data that can be changed within a component

• Props are read-only data passed from parent to child components

• States are managed within a component using setState() method

• Props are accessed using this.props in a component
Answered by AI
Add your answer
Q2. What is Virtual DOM
Ans. 
Virtual DOM is a lightweight copy of the actual DOM that allows for efficient updates and rendering in web applications.
• Virtual DOM is a concept used in frameworks like React to improve performance by minimizing direct manipulation of the actual DOM.

• When changes are made to the virtual DOM, a comparison is done with the actual DOM to determine the minimal updates needed for rendering.

• This process helps reduce the numbe...read more
Answered by AI
Add your answer
Q3. Build a fetch and filter component
Ans. 
A fetch and filter component for data retrieval and manipulation
• Use fetch API to retrieve data from an API endpoint

• Implement a filter function to manipulate the retrieved data based on user input

• Display the filtered data in the UI
Answered by AI
Add your answer

Javascript and React snippets

They asked JS basics and Promises, hoisting

Just asked about my work culture, as I worked in startup and product based company, they except me work in Agile and how u will adopt to MNC / service based company culture

Q1. What is Hositing
Ans. 
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope during the compilation phase.
• Variable declarations are hoisted but not their initializations

• Function declarations are fully hoisted

• Hoisting can lead to unexpected behavior if not understood properly
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 is created whenever a function is defined within another function.

• Closure helps in maintaining the state of a function and allows for data encapsulation.
Answered by AI
Add your answer

Q1. Basic components communication
Add your answer
Q2. Forms based questions
Add your answer