Upload Button Icon Add office photos

Filter interviews by

Hetro lab Production in Reacter Operator Interview Questions and Answers

Updated 8 Nov 2017

Hetro lab Production in Reacter Operator Interview Experiences

1 interview found

I was interviewed before Nov 2016.

Interview Questionnaire 

1 Question

  • Q1. EDUCATION QUALIFECTION They will trying to know our skils and behaveus . Then last time where i well work. then y live that campany what u know about pharma, chamical company basic of company in pharma a...

Interview Preparation Tips

Round: Test
Experience: They are different types of qution are maintain to now us ....with good skils and knowledage and behave to auther
safty was in perform in pharma company. to maintain us
Tips: then i am succssefull in this around.
Duration: 1 hour
Total Questions: 10

Round: Technical + HR Interview
Experience: Then i got each qution of the answer, then they trying to confes to us

Tips: but i have got each of qution with good skil>

Interview questions from similar companies

Interview experience
3
Average
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Not Selected

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

Round 1 - Technical 

(6 Questions)

  • Q1. What is the difference between a development dependency and a regular dependency in software development?
  • Ans. 

    Development dependencies are needed for development and testing, while regular dependencies are needed for the application to run.

    • Development dependencies are used during the development process, such as testing frameworks or build tools.

    • Regular dependencies are required for the application to function properly in production.

    • Development dependencies are typically listed in the devDependencies section of package.json, w...

  • Answered by AI
  • Q2. What do the symbols ^ and ~ represent in the package.json file?
  • Ans. 

    Symbols ^ and ~ in package.json represent version ranges for dependencies.

    • The symbol ^ represents a range that allows minor version updates.

    • The symbol ~ represents a range that allows only patch updates.

    • For example, ^1.2.3 allows any version from 1.2.3 to <2.0.0, while ~1.2.3 allows any version from 1.2.3 to <1.3.0.

  • Answered by AI
  • Q3. How can a 404 page be handled in React routing?
  • Ans. 

    404 page can be handled in React routing by creating a Route component with a path of '*' at the end of all other routes.

    • Create a Route component with a path of '*' at the end of all other routes in the Switch component.

    • Inside the '*' Route component, render a custom 404 page component.

    • Use the Switch component to ensure that only one Route is rendered at a time.

  • Answered by AI
  • Q4. Some Javascript coding questions.
  • Q5. What is the component lifecycle in functional components?
  • Ans. 

    Component lifecycle in functional components involves useEffect hook for side effects.

    • Functional components use useEffect hook to handle side effects like fetching data, subscribing to events, etc.

    • useEffect hook can be used to mimic componentDidMount, componentDidUpdate, and componentWillUnmount lifecycle methods.

    • useEffect hook takes a callback function as its first argument and an optional array of dependencies as its...

  • Answered by AI
  • Q6. Explain redux data flow
  • Ans. 

    Redux data flow is a unidirectional flow of data in React applications using a centralized store.

    • Actions are dispatched to the store

    • Reducers update the state based on the action

    • Components subscribe to the store to access the updated state

  • Answered by AI

Interview Preparation Tips

Topics to prepare for Infosys Reactjs Developer interview:
  • Javascript
  • React.Js
Interview preparation tips for other job seekers - Get your basic cleared and be prepared
Interview experience
3
Average
Difficulty level
Moderate
Process Duration
2-4 weeks
Result
No response

I applied via Recruitment Consulltant and was interviewed in Sep 2024. There was 1 interview round.

Round 1 - Technical 

(16 Questions)

  • Q1. What is hosting and closer
  • Ans. 

    Hosting is the process of storing a website or application on a server, while closure is a function that retains access to variables from its parent scope.

    • Hosting involves storing a website or application on a server to make it accessible on the internet.

    • Closure is a function that retains access to variables from its parent scope, even after the parent function has finished executing.

  • Answered by AI
  • Q2. What is difference between var let and const give me an explanation on what block scope
  • Ans. 

    var, let, and const are used to declare variables in JavaScript. var has function scope, let has block scope, and const is a constant with block scope.

    • var has function scope, meaning it is accessible throughout the function it is declared in.

    • let has block scope, meaning it is only accessible within the block it is declared in.

    • const is similar to let in terms of block scope, but the value cannot be reassigned.

  • Answered by AI
  • Q3. What is asynchronous and how it works
  • Ans. 

    Asynchronous programming allows tasks to run independently of the main program flow, improving performance and responsiveness.

    • Asynchronous code does not block the main thread, allowing other tasks to continue while waiting for a response.

    • Callbacks, promises, and async/await are common ways to handle asynchronous operations in JavaScript.

    • Example: fetching data from an API while the rest of the application continues to r

  • Answered by AI
  • Q4. Tell me the output 1)a = 20; console.log(a); var a; 2)b=10; console.log(b); let b; 3)let a =5; if(a<5){ let b = " a lessthen 5"; }else{ let b = "b is grater then 5"; } console.log(b);
  • Ans. 

    The output for the given code snippets will be: 1) 20 2) ReferenceError: Cannot access 'b' before initialization 3) ReferenceError: b is not defined

    • In the first snippet, variable 'a' is declared using 'var' after it is assigned a value, so it logs 20 without any issues.

    • In the second snippet, variable 'b' is declared using 'let' after it is assigned a value, so it throws a ReferenceError as 'b' is accessed before initia...

  • Answered by AI
  • Q5. Give a div with text and display center of the page and apply animation using HTML and css
  • Ans. 

    Centered div with text and animation using HTML and CSS

    • Create a div element with text inside

    • Apply CSS styles to center the div on the page

    • Use CSS animations to add animation effects

  • Answered by AI
  • Q6. What are semantic tags and explain
  • Ans. 

    Semantic tags are HTML tags that provide meaning to the content they enclose, helping search engines and screen readers understand the structure of a webpage.

    • Semantic tags help improve SEO by providing context to search engines.

    • They also improve accessibility for screen readers by clearly defining the structure of a webpage.

    • Examples of semantic tags include

      ,
      ,

Answered by AI
  • Q7. How can we write responsive for web page
  • Ans. 

    Use media queries, flexible grids, and relative units to create a responsive web page.

    • Use media queries to apply different styles based on screen size

    • Create flexible grids using CSS Grid or Flexbox

    • Use relative units like percentages or ems for sizing elements

    • Consider using frameworks like Bootstrap or Material-UI for responsive design

    • Test your design on different devices and screen sizes

  • Answered by AI
  • Q8. What is the difference between CSS and SASS? what is the use of Sass
  • Ans. 

    SASS is a preprocessor scripting language that is interpreted into CSS, offering more features and flexibility.

    • SASS is a preprocessor for CSS, allowing for variables, nesting, and mixins to be used in stylesheets.

    • SASS code needs to be compiled into CSS before being used in a web project.

    • SASS helps in writing cleaner and more organized CSS code, making it easier to maintain and update styles.

    • CSS is the styling language ...

  • Answered by AI
  • Q9. Event propagation
  • Q10. How would you validate the form using HTML? How do you validate the phone number with the country code?
  • Ans. 

    Form validation can be done using HTML attributes like required, pattern, and maxlength. Phone number validation with country code can be achieved using regex.

    • Use the 'required' attribute to make fields mandatory

    • Use the 'pattern' attribute with regex to validate input format

    • Use the 'maxlength' attribute to limit the number of characters in a field

    • For phone number validation with country code, use regex to match the des...

  • Answered by AI
  • Q11. Which test library you use why it usecase
  • Ans. 

    I use Jest for testing React applications due to its simplicity and integration with React ecosystem.

    • Jest is the most popular test library for React applications

    • It comes pre-configured with Create React App and has great support for snapshot testing

    • Jest also has built-in mocking capabilities which make it easy to test components with dependencies

  • Answered by AI
  • Q12. Tell me mounting and shallow concept in testing library
  • Ans. 

    Mounting is the process of rendering a component into the DOM, while shallow rendering allows testing a component without rendering its children.

    • Mounting is the initial phase of the component lifecycle where the component is rendered into the DOM.

    • Shallow rendering in testing library renders only the component itself, not its children.

    • Shallow rendering is useful for isolating the component being tested and avoiding rend...

  • Answered by AI
  • Q13. What is redux-toolkit and what difference b/w redux and redux-toolkit
  • Ans. 

    Redux Toolkit is the official, recommended way to write Redux logic. It simplifies the process of managing state in React applications.

    • Redux Toolkit provides a set of tools and best practices to streamline Redux development.

    • It includes utilities like createSlice, createReducer, and configureStore to simplify the code and reduce boilerplate.

    • Redux Toolkit also includes built-in Immer integration for writing immutable upd...

  • Answered by AI
  • Q14. How api call handle in redux and how can you get and display user name from redux
  • Ans. 

    API calls in Redux are typically handled using middleware like Redux Thunk. User name can be retrieved from Redux state and displayed in components.

    • Use Redux Thunk middleware to make API calls in Redux

    • Dispatch actions to update Redux state with API response data

    • Access user name from Redux state in components to display it

  • Answered by AI
  • Q15. React hooks and how optimization
  • Q16. Why we need thank in redux
  • Ans. 

    Thunk middleware in Redux allows for asynchronous logic to be handled in Redux actions.

    • Thunk middleware allows for dispatching functions instead of just plain objects in Redux actions.

    • It enables handling asynchronous API calls within Redux actions.

    • Thunk middleware helps in simplifying the code by moving complex logic outside of components.

    • Example: Thunk middleware can be used to dispatch an action after a delay or to f...

  • Answered by AI

    Skills evaluated in this interview

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

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

    Round 1 - Assignment 

    Hydraulic systems and hydraulic machines.

    Round 2 - Technical 

    (3 Questions)

    • Q1. What is the difference between BS4 and BS6 emissions standards?
    • Ans. 

      BS6 emissions standards are more stringent than BS4, with lower limits on emissions of pollutants like nitrogen oxides and particulate matter.

      • BS6 standards have stricter limits on emissions of pollutants like nitrogen oxides (NOx) and particulate matter (PM) compared to BS4.

      • BS6 compliant vehicles are required to have advanced emission control technologies like selective catalytic reduction (SCR) and diesel particulate ...

    • Answered by AI
    • Q2. What is the difference between an electric motor and an electric generator?
    • Ans. 

      An electric motor converts electrical energy into mechanical energy to produce motion, while an electric generator converts mechanical energy into electrical energy.

      • Electric motor converts electrical energy into mechanical energy

      • Electric generator converts mechanical energy into electrical energy

      • Electric motor is used in appliances like fans, washing machines

      • Electric generator is used in power plants to generate electr

    • Answered by AI
    • Q3. Difference between four stroke and two stroke engine
    • Ans. 

      Four stroke engines have separate intake, compression, power, and exhaust strokes, while two stroke engines combine intake and compression in one stroke and power and exhaust in another.

      • Four stroke engines have a dedicated stroke for each of the four processes: intake, compression, power, and exhaust

      • Two stroke engines combine intake and compression in one stroke and power and exhaust in another

      • Four stroke engines are m...

    • Answered by AI

    Interview Preparation Tips

    Interview preparation tips for other job seekers - Always perform your work with integrity.
    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
    4
    Good
    Difficulty level
    Moderate
    Process Duration
    4-6 weeks
    Result
    No response
    Round 1 - Technical 

    (2 Questions)

    • Q1. React basic,event loop, Lazy Loading, Suspense, Javascript basics
    • Q2. Create counter application
    • Ans. 

      Counter application using Reactjs

      • Create a React component for the counter

      • Use state to keep track of the count

      • Implement functions to increment and decrement the count

      • Display the count on the screen

    • Answered by AI
    Interview experience
    3
    Average
    Difficulty level
    Moderate
    Process Duration
    Less than 2 weeks
    Result
    No response

    I applied via LinkedIn and was interviewed in Oct 2024. There was 1 interview round.

    Round 1 - Technical 

    (3 Questions)

    • Q1. What are the advantages of React
    • Ans. 

      React offers advantages such as virtual DOM for improved performance, reusable components, and easy integration with other libraries.

      • Virtual DOM for efficient updates and improved performance

      • Reusable components for easier development and maintenance

      • Easy integration with other libraries like Redux for state management

      • Support for server-side rendering for better SEO performance

    • Answered by AI
    • Q2. How the performance optimization can be done in React Js Application
    • Ans. 

      Performance optimization in React Js can be achieved through code splitting, memoization, virtualization, and minimizing re-renders.

      • Implement code splitting to load only necessary components when needed

      • Use memoization techniques like useMemo and useCallback to prevent unnecessary re-renders

      • Implement virtualization for long lists or tables to render only visible items

      • Minimize re-renders by using shouldComponentUpdate or

    • Answered by AI
    • Q3. What is the purpose of useMemo and UseCallBack hook
    • Ans. 

      useMemo and useCallback are hooks in React used for optimizing performance by memoizing values and functions respectively.

      • useMemo is used to memoize the result of a function so that it is only recomputed when its dependencies change.

      • useCallback is used to memoize a function instance so that it is not recreated on every render unless its dependencies change.

      • Both hooks help in optimizing performance by preventing unneces...

    • Answered by AI

    Skills evaluated in this interview

    Interview experience
    5
    Excellent
    Difficulty level
    Moderate
    Process Duration
    -
    Result
    -

    I applied via LinkedIn and was interviewed in Dec 2024. There were 3 interview rounds.

    Round 1 - Aptitude Test 

    Basic problem on maths can be solve

    Round 2 - Group Discussion 

    Nice went normal daily problem

    Round 3 - HR 

    (2 Questions)

    • Q1. Why do you want to join company
    • Q2. Biggest challenge
    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
    4
    Good
    Difficulty level
    -
    Process Duration
    -
    Result
    -
    Round 1 - Technical 

    (1 Question)

    • Q1. What is client side and server side rendering

    Tell us how to improve this page.

    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
    Executive
    5 salaries
    unlock blur

    ₹4.4 L/yr - ₹5.2 L/yr

    Junior Chemist
    5 salaries
    unlock blur

    ₹2.5 L/yr - ₹3.7 L/yr

    Officer
    4 salaries
    unlock blur

    ₹2.2 L/yr - ₹6.1 L/yr

    Junior Engineer
    3 salaries
    unlock blur

    ₹2 L/yr - ₹2.8 L/yr

    Explore more salaries
    Compare Hetro lab 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