HashedIn by Deloitte Front end Developer Interview Questions and Answers for Experienced

He had given JavaScript questions first & he asked about the output of that questions topics related is like - function, async & await, setTimeout.

Q1. const transaction = [
{id: 1, amount: 100, type: "credit"},
{id: 2, amount: -50, type: "debit" },
{id: 3, amount: 200, type: "credit"},
{id: 4, amount: -150, type: "debit"},
{id: 5, amount: 50, type: "credit"}
];

const threshold = 100;

O/P - {
balance: 150,
exceededTransactions: [1, 3, 4, 5]
}

Q2. Anagrams
I/P: ["abc", "bca", "cat", "act"]
O/p - [["abc", "bca"],["cat","act"]]

Q1. What is bridge? What is the new architecture?
Ans. 
Bridge is a structural design pattern that decouples an abstraction from its implementation. The new architecture refers to modern design patterns and technologies used in software development.
• Bridge pattern allows the client code to work with different implementations of an interface independently.

• The new architecture in front end development may include concepts like component-based architecture, state management lib...read more
Answered by AI
Add your answer
Q2. How will you optimize a react native app
Ans. 
Optimizing a React Native app involves reducing bundle size, improving performance, and enhancing user experience.
• Use code splitting to reduce initial load time

• Optimize images and assets for smaller file sizes

• Implement lazy loading for components that are not immediately visible

• Minimize the use of third-party libraries and only include necessary dependencies

• Utilize performance monitoring tools like React Native Perform
Answered by AI
Add your answer
Q3. What is context API
Ans. 
Context API is a feature in React that allows sharing data between components without having to pass props through every level of the component tree.
• Context API provides a way to pass data through the component tree without having to pass props down manually at every level.

• It is useful for sharing global data such as themes, user authentication, or language preferences.

• Context API consists of three main parts: Provider...read more
Answered by AI
Add your answer
Q4. What is hoisting
Ans. 
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope during compilation.
• Variable declarations are hoisted to the top of their scope, but not their initializations.

• Function declarations are fully hoisted, including their definitions.

• Hoisting can lead to unexpected behavior if not understood properly.
Answered by AI
Add your answer

Q1. Basic of react, html, css
Add your answer

Write code to check palindrome no. Sime basic react js task