Blackrock Front end Developer Interview Questions and Answers for Experienced

2 moderate DSA questions and a Question on React on Api's to fetch data

Q1. Fir arrow function This keyword Promises Promise chain Generator function Rest operator Spread operator React hooks Higher order component Redux life cycle Palindrome string code Fibonacci code
Add your answer

Q1. Array linked list queue
Add your answer

Javascript array questions like palindrom and others with aptitude

Q1. Skill related technical questions
Add your answer
Q2. How to share data in components react
Ans. 
Data can be shared between components in React using props, context, or state management libraries like Redux.
• Use props to pass data from parent to child components

• Use context to share data across multiple components without passing props manually

• Use state management libraries like Redux to manage global state and share data between components
Answered by AI
Add your answer
Q3. Prop drilling explain in react
Ans. 
Prop drilling is the process of passing data through multiple levels of components in React.
• Prop drilling occurs when a component needs to pass data to a deeply nested child component.

• It can lead to code that is hard to maintain and understand.

• One way to avoid prop drilling is by using Context API or Redux for state management.
Answered by AI
Add your answer
Q4. Redux flow explain
Ans. 
Redux is a predictable state container for JavaScript apps.
• Redux stores the entire state of an application in a single immutable object.

• State changes are made by dispatching actions, which are plain JavaScript objects.

• Reducers specify how the application's state changes in response to actions.

• Redux flow: Action -> Reducer -> Store -> View
Answered by AI
Add your answer

Q1. Previous project discussion
Add your answer

Q1. How to handle error in javascript
Ans. 
Error handling in JavaScript involves using try-catch blocks, throwing custom errors, and using error objects.
• Use try-catch blocks to catch and handle errors

• Throw custom errors using the throw keyword

• Use error objects like Error, SyntaxError, TypeError, etc. for specific types of errors
Answered by AI
Add your answer
Q2. Explain closure
Ans. 
Closure is a function that retains access to variables from its parent scope even after the parent function has finished executing.
• Closure allows a function to access and manipulate variables from its outer scope.

• It forms a 'closed-over' scope that persists even after the outer function has finished executing.

• Closures are commonly used in event handlers, callbacks, and asynchronous code.

• Example: function outerFunction(...read more
Answered by AI
Add your answer

Q1. Tell me about yourself
Ans. 
I am a passionate front end developer with 5 years of experience in creating user-friendly and responsive web applications.
• 5 years of experience in front end development

• Proficient in HTML, CSS, JavaScript, and various front end frameworks

• Strong understanding of UI/UX principles

• Experience in creating responsive web applications

• Passionate about staying updated with the latest web technologies
Answered by AI
Add your answer

Q1. Javascipt question
Add your answer
Q2. Promises, filter, map, What is single page , mulitple page application, opened google page by search for one product in that using console filter it only for sony products only
Add your answer
Q3. What is DOM, what is the use of that
Ans. 
DOM stands for Document Object Model, it is a programming interface for web documents. It represents the structure of a document as a tree of objects.
• DOM is used to interact with HTML and XML documents in a structured way

• It allows developers to manipulate the content, structure, and style of a website dynamically

• DOM provides methods and properties to access and modify elements on a web page

• Example: document.getElementB...read more
Answered by AI
Add your answer
Q4. What is the output if u type document in console
Ans. 
The output will display the document object in the console.
• Typing 'document' in the console will return the document object, which represents the current HTML document.

• The document object provides access to the content and structure of the webpage, allowing manipulation of elements and properties.
Answered by AI
Add your answer

Basic angular questions like-lazy loading, == === operator etc

Q1. Map function , hashmap
Add your answer