Upload Button Icon Add office photos

Filter interviews by

Bridge Healthcare Front end Engineer Interview Questions and Answers

Updated 4 Oct 2023

Bridge Healthcare Front end Engineer Interview Experiences

1 interview found

Interview experience
4
Good
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Selected Selected

I applied via LinkedIn and was interviewed in Apr 2023. There were 2 interview rounds.

Round 1 - Assignment 

I have to make a replica of a figma design , with React , CSS

Round 2 - One-on-one 

(2 Questions)

  • Q1. OOPS REACT basic Practical-Based DSA Questions
  • Q2. In a music player which data structure u can use , to go the next and go back from the song

Interview Preparation Tips

Interview preparation tips for other job seekers - Be confident

Interview questions from similar companies

Interview experience
4
Good
Difficulty level
-
Process Duration
-
Result
-
Round 1 - HR 

(1 Question)

  • Q1. Just went through a conversation based on your resume to make sure you're qualified for the role.
Interview experience
4
Good
Difficulty level
Easy
Process Duration
-
Result
Not Selected
Round 1 - Technical 

(7 Questions)

  • Q1. Css flexbox and grid
  • Q2. Pagination on scroll
  • Ans. 

    Implementing pagination on scroll allows for loading more content as the user reaches the bottom of the page.

    • Use a scroll event listener to detect when the user has reached the bottom of the page

    • Make an API call to fetch more data when the bottom is reached

    • Append the new data to the existing content on the page

  • Answered by AI
  • Q3. Immediately invoked fn and anonymous fn
  • Ans. 

    Immediately invoked function expressions (IIFE) are functions that are executed immediately after they are created.

    • IIFE is defined and invoked at the same time using parentheses at the end of the function declaration.

    • Anonymous functions do not have a name and can be used as IIFE by wrapping them in parentheses.

    • IIFE is commonly used to create a private scope for variables and functions.

  • Answered by AI
  • Q4. 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 even after the parent function has returned

    • They help in creating private variables and functions in JavaScript

    • Closures are commonly used in event handlers and callbacks

  • Answered by AI
  • Q5. What is promise? explain
  • Ans. 

    A promise is an object representing the eventual completion or failure of an asynchronous operation.

    • Promises are used to handle asynchronous operations in JavaScript.

    • They can be in one of three states: pending, fulfilled, or rejected.

    • Promises can be chained using .then() method to handle success and failure callbacks.

    • Example: Fetch API returns a promise when making an HTTP request.

  • Answered by AI
  • Q6. What is lazy loading -explain
  • Ans. 

    Lazy loading is a technique used in web development to defer loading non-essential resources until they are needed.

    • Lazy loading helps improve page load times by only loading resources when they are required.

    • It is commonly used for images, videos, and other media files on a webpage.

    • Lazy loading can be implemented using JavaScript libraries like Intersection Observer or by using native browser features like loading='lazy

  • Answered by AI
  • Q7. Media query and css selectors

Skills evaluated in this interview

Interview experience
4
Good
Difficulty level
Easy
Process Duration
Less than 2 weeks
Result
Selected Selected

I applied via Approached by Company and was interviewed in Nov 2024. There were 2 interview rounds.

Round 1 - Technical 

(2 Questions)

  • Q1. Explain Virtual DOM, Key Features of React, Hooks in React, create a todo app in react
  • Ans. 

    Virtual DOM is a lightweight copy of the actual DOM, React key features include component-based architecture, declarative syntax, and virtual DOM, React Hooks are functions that let you use state and other React features without writing a class.

    • Virtual DOM is a lightweight copy of the actual DOM that React uses to improve performance by updating only the necessary parts of the DOM.

    • Key features of React include componen...

  • Answered by AI
  • Q2. Javascript Questions- Closures,promises,Async/await,setTimeOut, write acode to reverse a string
Round 2 - HR 

(2 Questions)

  • Q1. Self Introduction, some situation based questions
  • Q2. Basic HR regular questions
Interview experience
3
Average
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
No response

I applied via Naukri.com and was interviewed in Aug 2024. There were 2 interview rounds.

Round 1 - Coding Test 

Online Hackathon test was taken.

Round 2 - Technical 

(6 Questions)

  • 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 libraries like Redux

    • Strong understanding of responsive design principles

    • Ability to work collaboratively in a team environment

  • Answered by AI
  • Q2. Tell me about your roles and responsibilities in your current project.
  • Ans. 

    I am responsible for developing and maintaining the frontend of the project using React Js.

    • Developing user-friendly interfaces using React Js

    • Implementing responsive design and ensuring cross-browser compatibility

    • Collaborating with backend developers to integrate frontend with backend services

    • Optimizing application performance and troubleshooting issues

    • Participating in code reviews and providing feedback to team members

  • Answered by AI
  • Q3. How we implement SSR in React.
  • Ans. 

    SSR in React is implemented using server-side rendering to pre-render React components on the server before sending them to the client.

    • Use libraries like Next.js or Gatsby to implement SSR in React.

    • Configure server to render React components on the server side.

    • Optimize server-side rendering for performance by caching rendered components.

  • Answered by AI
  • Q4. How can we change our project in production mode from development mode.
  • Ans. 

    To change a React project from development mode to production mode, you need to build the project using the 'npm run build' command.

    • Run 'npm run build' command in the terminal to create a production build of the project.

    • This command will generate a 'build' folder with optimized and minified files for production.

    • You can then deploy the contents of the 'build' folder to a web server for production use.

  • Answered by AI
  • Q5. What is lazy loading and how we can implement in our project.
  • Ans. 

    Lazy loading is a technique used to defer loading non-essential resources until they are needed.

    • Lazy loading helps improve performance by only loading resources when they are required.

    • In React, lazy loading can be implemented using React.lazy() and Suspense components.

    • Example: const MyComponent = React.lazy(() => import('./MyComponent'));

    • Example: Loading...

  • }>

Answered by AI
  • Q6. What is react routing and how it is different from other conventional routing methods.
  • Ans. 

    React routing is a way to handle navigation in a React application by defining routes and rendering components based on the URL.

    • React routing allows for declarative routing, where routes are defined using JSX elements.

    • It enables dynamic routing based on the URL, allowing for different components to be rendered based on the route.

    • React Router is a popular library for handling routing in React applications.

    • Unlike convent...

  • Answered by AI

    Interview Preparation Tips

    Interview preparation tips for other job seekers - Depends on interviewers skill set.

    Skills evaluated in this interview

    Interview experience
    4
    Good
    Difficulty level
    Moderate
    Process Duration
    Less than 2 weeks
    Result
    No response

    I applied via Naukri.com and was interviewed in Aug 2024. There was 1 interview round.

    Round 1 - Technical 

    (13 Questions)

    • Q1. What is closuer? is normal function call as closuer or not
    • Ans. 

      A closure is a function that has access to its own scope, as well as the scope in which it was defined.

      • A closure allows a function to access variables from its outer function even after the outer function has finished executing.

      • Closures are created whenever a function is defined within another function.

      • Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVa

    • Answered by AI
    • Q2. What is asyn/await
    • Ans. 

      Async/await is a feature in JavaScript that allows for asynchronous code to be written in a synchronous manner.

      • Async/await is built on top of promises and provides a more readable and concise way to work with asynchronous code.

      • The 'async' keyword is used to define a function as asynchronous, allowing it to use the 'await' keyword inside it.

      • When 'await' is used, it pauses the execution of the function until the promise ...

    • Answered by AI
    • Q3. Remove duplicate from array
    • Ans. 

      Use Set to remove duplicates from array of strings.

      • Create a Set from the array to automatically remove duplicates

      • Convert the Set back to an array if needed

      • Example: const arr = ['apple', 'banana', 'apple', 'orange']; const uniqueArr = [...new Set(arr)];

    • Answered by AI
    • Q4. Hoe does react Dom update?
    • Ans. 

      React DOM updates by comparing the virtual DOM with the actual DOM and only updating the necessary components.

      • React creates a virtual DOM to represent the UI components.

      • When a state or prop changes, React re-renders the virtual DOM.

      • React then compares the virtual DOM with the actual DOM to identify the differences.

      • Only the necessary components are updated in the actual DOM, minimizing performance impact.

    • Answered by AI
    • Q5. What is react hooks explain some
    • Ans. 

      React Hooks are functions that let you use state and other React features without writing a class.

      • React Hooks were introduced in React 16.8.

      • They allow you to use state and other React features in functional components.

      • Some commonly used hooks are useState, useEffect, useContext, and useRef.

      • Hooks make it easier to reuse logic across components.

      • Hooks can be used to manage component state, perform side effects, and more.

    • Answered by AI
    • Q6. What is call bind apply?
    • Ans. 

      Call, bind, and apply are methods used to manipulate the value of 'this' in JavaScript functions.

      • Call - invokes a function with a specified 'this' value and arguments provided individually.

      • Bind - creates a new function that, when called, has its 'this' keyword set to the provided value.

      • Apply - invokes a function with a specified 'this' value and arguments provided as an array.

    • Answered by AI
    • Q7. What is difference b/w redux and redux toolkit
    • Ans. 

      Redux Toolkit is a set of tools and best practices to simplify Redux development, while Redux is a predictable state container for JavaScript apps.

      • Redux Toolkit provides a set of tools like createSlice, createAsyncThunk, and configureStore to simplify Redux setup and reduce boilerplate code.

      • Redux Toolkit includes immer library for writing immutable update logic in a more convenient way.

      • Redux Toolkit also includes a def...

    • Answered by AI
    • Q8. Write a RTL test to check the button
    • Ans. 

      Writing a RTL test to check a button in React

      • Use the render and fireEvent functions from @testing-library/react

      • Find the button element using getByRole('button')

      • Simulate a click event using fireEvent.click

      • Assert that the button is visible and clickable

    • Answered by AI
    • Q9. What inline level and block level elements
    • Ans. 

      Inline and block level elements in HTML/CSS

    Answered by AI

    Skills evaluated in this interview

    Interview experience
    4
    Good
    Difficulty level
    -
    Process Duration
    -
    Result
    -
    Round 1 - Technical 

    (2 Questions)

    • Q1. Explain ES6 Concepts
    • Q2. Difference between shallow copy and deep copy
    Round 2 - Behavioral 

    (2 Questions)

    • Q1. About my project
    • Q2. Work flow and all
    Interview experience
    5
    Excellent
    Difficulty level
    -
    Process Duration
    -
    Result
    -
    Round 1 - Technical 

    (2 Questions)

    • Q1. What is prop drilling
    • Ans. 

      Prop drilling is the process of passing props down multiple levels of nested components in React.

      • Prop drilling occurs when a prop needs to be passed through multiple levels of components that do not need the prop themselves.

      • It can lead to unnecessary passing of props through intermediate components, making the code harder to maintain.

      • To avoid prop drilling, you can use Context API, Redux, or React's useContext and useR...

    • Answered by AI
    • Q2. What is hoisting
    • 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 to the top of their scope, but not their assignments.

      • Function declarations are fully hoisted, meaning they can be called before they are declared.

      • Hoisting can lead to unexpected behavior if not understood properly.

    • Answered by AI
    Round 2 - Technical 

    (1 Question)

    • Q1. Explain useContext hook
    • Ans. 

      useContext hook allows components to access data from a context without passing props down manually

      • useContext hook is used to consume a context created by React.createContext

      • It takes the context object as an argument and returns the current context value for that context

      • It allows components to subscribe to context changes and re-render when the context value changes

    • Answered by AI

    Skills evaluated in this interview

    Interview experience
    5
    Excellent
    Difficulty level
    Moderate
    Process Duration
    Less than 2 weeks
    Result
    Not Selected

    I applied via LinkedIn and was interviewed in Nov 2024. There were 2 interview rounds.

    Round 1 - Assignment 

    They asked JS basics and Promises, hoisting

    Round 2 - Coding Test 

    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

    Interview experience
    5
    Excellent
    Difficulty level
    Moderate
    Process Duration
    2-4 weeks
    Result
    Selected Selected

    I applied via Naukri.com and was interviewed in Jun 2024. There were 3 interview rounds.

    Round 1 - Coding Test 

    It was a hacker coding test mostly javascript questions

    Round 2 - Technical 

    (3 Questions)

    • Q1. React advance concept
    • Q2. Context api how to use that
    • Ans. 

      Context API is a feature in React that allows sharing data between components without having to pass props manually.

      • Create a context using createContext() method

      • Use the Provider component to wrap the components that need access to the context

      • Access the context data using the useContext() hook within the consuming components

    • Answered by AI
    • Q3. Higher order component
    Round 3 - Behavioral 

    (3 Questions)

    • Q1. Mainly introduction, how do you manage a project
    • Q2. How to debug a code
    • Ans. 

      Debugging a code involves identifying and fixing errors in the code to ensure it runs correctly.

      • Use console.log() statements to print out values and check for errors

      • Utilize browser developer tools to inspect elements and debug JavaScript

      • Step through the code using breakpoints to identify the source of the issue

      • Review error messages and stack traces to pinpoint the problem

      • Consider using tools like linters and debuggers

    • Answered by AI
    • Q3. How to get employee details using group by
    • Ans. 

      Employee details can be retrieved using group by clause in SQL.

      • Use GROUP BY clause in SQL to group employee details based on a specific column

      • Aggregate functions like COUNT, SUM, AVG can be used with GROUP BY to get summarized employee details

      • Example: SELECT department, COUNT(*) as total_employees FROM employees GROUP BY department

    • Answered by AI

    Skills evaluated in this interview

    Bridge Healthcare Interview FAQs

    How many rounds are there in Bridge Healthcare Front end Engineer interview?
    Bridge Healthcare interview process usually has 3 rounds. The most common rounds in the Bridge Healthcare interview process are One-on-one Round, Resume Shortlist and Assignment.
    What are the top questions asked in Bridge Healthcare Front end Engineer interview?

    Some of the top questions asked at the Bridge Healthcare Front end Engineer interview -

    1. In a music player which data structure u can use , to go the next and go back f...read more
    2. OOPS REACT basic Practical-Based DSA Questi...read more

    Tell us how to improve this page.

    People are getting interviews through

    based on 1 Bridge Healthcare interview
    Job Portal
    100%
    Low Confidence
    ?
    Low Confidence means the data is based on a small number of responses received from the candidates.

    Interview Questions from Similar Companies

    TCS Interview Questions
    3.7
     • 10.2k Interviews
    Accenture Interview Questions
    3.9
     • 8k Interviews
    Infosys Interview Questions
    3.7
     • 7.5k Interviews
    Wipro Interview Questions
    3.7
     • 5.5k Interviews
    Cognizant Interview Questions
    3.8
     • 5.5k Interviews
    Amazon Interview Questions
    4.1
     • 4.9k Interviews
    Capgemini Interview Questions
    3.8
     • 4.7k Interviews
    Tech Mahindra Interview Questions
    3.6
     • 3.8k Interviews
    HCLTech Interview Questions
    3.5
     • 3.7k Interviews
    Genpact Interview Questions
    3.9
     • 3k Interviews
    View all

    Bridge Healthcare Front end Engineer Reviews and Ratings

    based on 1 review

    4.0/5

    Rating in categories

    3.0

    Skill development

    4.0

    Work-Life balance

    3.0

    Salary & Benefits

    3.0

    Job Security

    4.0

    Company culture

    3.0

    Promotions/Appraisal

    3.0

    Work Satisfaction

    Explore 1 Review and Rating
    Pharmacist
    4 salaries
    unlock blur

    ₹4 L/yr - ₹4 L/yr

    Explore more salaries
    Compare Bridge Healthcare with

    TCS

    3.7
    Compare

    Accenture

    3.9
    Compare

    Wipro

    3.7
    Compare

    Cognizant

    3.8
    Compare

    Calculate your in-hand salary

    Confused about how your in-hand salary is calculated? Enter your annual salary (CTC) and get your in-hand salary
    Did you find this page helpful?
    Yes No
    write
    Share an Interview