Black Ink Admin cum Front Office Executive Interview Questions and Answers for Experienced

Q1. Caching Strategy
Add your answer
Q2. What is micro Frontend architecture
Ans. 
Micro Frontend architecture is an approach to building front-end applications by breaking them down into smaller, independently deployable units.
• Allows different teams to work on separate parts of the application

• Each micro frontend can be developed using different technologies

• Enables incremental upgrades and updates without affecting the entire application

• Can improve performance by loading only the necessary components

• ...read more
Answered by AI
Add your answer
Q3. Pure and impure pipes in angular
Ans. 
Pure pipes in Angular are stateless and do not change the input data, while impure pipes can have side effects and change the input data.
• Pure pipes are used for simple transformations like formatting dates or numbers.

• Impure pipes are used for more complex transformations that require state or side effects.

• Pure pipes are faster and more efficient as they only run when a pure change to the input data is detected.

• Impure p...read more
Answered by AI
Add your answer
Q4. How to make singleton services multiton
Ans. 
Singleton services can be made multiton by maintaining a map of instances with unique keys.
• Create a map to store instances with unique keys

• Use a factory method to retrieve instances based on keys

• Ensure that only one instance is created per key
Answered by AI
Add your answer
Q5. What is dependency injection
Ans. 
Dependency injection is a design pattern where components are given their dependencies rather than creating them internally.
• Allows for easier testing by injecting mock dependencies

• Promotes loose coupling between components

• Improves code reusability and maintainability

• Examples: AngularJS, Spring Framework
Answered by AI
Add your answer

Q1. What is the mechanism of virtual DOM?
Ans. 
Virtual DOM is a lightweight copy of the actual DOM that React uses to improve performance by minimizing direct manipulation of the actual DOM.
• Virtual DOM is a representation of the actual DOM in the form of a lightweight copy.

• When changes are made to the virtual DOM, React compares it with the actual DOM to identify the minimal number of changes needed.

• This process helps in optimizing performance by reducing direct ma...read more
Answered by AI
Add your answer
Q2. What is reconciliation in react?
Ans. 
Reconciliation in React is the process of updating the DOM to match the virtual DOM.
• Reconciliation is the algorithm that React uses to update the UI efficiently.

• It compares the virtual DOM with the previous virtual DOM and only updates the necessary components.

• Reconciliation helps in improving performance by minimizing DOM manipulations.

• Key prop is important for reconciliation to identify which items have changed, adde...read more
Answered by AI
Add your answer
Q3. What are closures?
Ans. 
Closures are functions that have access to variables from their outer scope even after the outer function has finished executing.
• Closures allow functions to access variables from their parent function's scope

• They maintain a reference to the variables they need, even after the parent function has finished executing

• Closures are commonly used in event handlers and callbacks
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.
• Hoisting applies to both variable and function declarations.

• Variable declarations are hoisted to the top of their scope but not their assignments.

• Function declarations are fully hoisted, meaning they can be called before they are declared.
Answered by AI
Add your answer
Q5. What are es6 features ? and code output
Ans. 
ES6 features are modern JavaScript syntax enhancements that make code more concise and readable.
• Arrow functions for more concise syntax: const add = (a, b) => a + b;

• Let and const for block-scoped variables: let x = 5; const y = 10;

• Template literals for string interpolation: const name = 'Alice'; console.log(`Hello, ${name}!`);

• Destructuring assignment for easily extracting values from objects or arrays: const { firstNam...read more
Answered by AI
Add your answer
Q6. What is react fiber?
Ans. 
React Fiber is a complete rewrite of React's core algorithm for rendering UI components.
• React Fiber is a reimplementation of the React core algorithm.

• It allows for incremental rendering, prioritizing updates based on their priority level.

• Fiber reconciles the virtual DOM tree in a more efficient and flexible way.

• It enables features like error boundaries, async rendering, and more.

• Fiber was introduced in React version 16
Answered by AI
Add your answer
Q7. How do you implement dark mode in an application?
Ans. 
Implementing dark mode in an application involves changing the color scheme to darker tones for better visibility in low light environments.
• Use CSS variables to define color schemes for light and dark modes

• Toggle between light and dark mode using a state variable in React

• Apply the appropriate color scheme based on the selected mode

• Allow users to switch between light and dark mode using a toggle button
Answered by AI
Add your answer

Q1. What is agile ? What ceremonies does your project follow?
Add your answer
Q2. What are some bottlenecks you faced in your project?
Add your answer

Q1. Salary discussion and basic negotiation questions
Add your answer

Q1. Change Detection
Add your answer
Q2. Subjects & types
Add your answer

Q1. Angular lifecycle hooks
Add your answer
Q2. JS interview questions
Add your answer

Recurrsion tree implementation with angular

Not remember now what they had asked.

Q1. Tell me about yourself?
Ans. 
I am a passionate React Js Frontend Developer with experience in building user-friendly and responsive web applications.
• Experienced in developing web applications using React Js

• Proficient in HTML, CSS, and JavaScript

• Familiar with state management tools like Redux

• Strong understanding of responsive design principles

• Ability to work collaboratively in a team environment
Answered by AI
Add your answer
Q2. What is your expectation ctc ?
Ans. 
My expectation for CTC is competitive based on my experience and skills.
• I am looking for a salary that reflects my expertise in React Js development.

• I expect a compensation package that aligns with industry standards.

• I am open to negotiation based on the overall benefits offered by the company.
Answered by AI
Add your answer

2-3 coding test based on JavaScript.

Q1. Basic questions on JavaScript, React and HTML/CSS.
Add your answer
Q2. Hoisting, Closures, Event Loop, Promises, Async/Await
Add your answer
Q3. Semantic elements, block and inline elements, meta tag CSS box model, ways of adding CSS, CSS pre-processors
Add your answer
Q4. React questions on component lifecycle, different hooks and thier use, fetching data and displaying it in a list.
Add your answer