Premium Employer

i

This company page is being actively managed by Infosys Team. If you also belong to the team, you can get access from here

Infosys Verified Tick Work with us arrow

Compare button icon Compare button icon Compare

Filter interviews by

Infosys React Developer Interview Questions and Answers

Updated 28 Oct 2024

9 Interview questions

A React Developer was asked 8mo ago
Q. What is the SDLC lifecycle?
Ans. 

SDLC lifecycle stands for Software Development Life Cycle, which is a process used by software development teams to design, develop, and test high-quality software.

  • SDLC lifecycle consists of several phases including planning, analysis, design, implementation, testing, and maintenance.

  • Each phase has its own set of activities and deliverables to ensure the successful completion of the software project.

  • Examples of SD...

A React Developer was asked 8mo ago
Q. What is useState?
Ans. 

useState is a hook in React that allows functional components to have state.

  • useState is a built-in hook in React.

  • It allows functional components to have stateful logic.

  • useState returns an array with two elements - the current state value and a function to update that value.

  • Example: const [count, setCount] = useState(0);

React Developer Interview Questions Asked at Other Companies

asked in Cybage
Q1. Swap Two Numbers Problem Statement Given two integers a and b, yo ... read more
Q2. Covid Vaccination Distribution Problem As the Government ramps up ... read more
Q3. Triplets with Given Sum Problem Given an array or list ARR consis ... read more
asked in ValueLabs
Q4. How do you connect a component to Redux store? Which function in ... read more
asked in Cybage
Q5. Sort Array Problem Statement Given an array consisting of 'N' pos ... read more
🔥 Asked by recruiter 2 times
A React Developer was asked 8mo ago
Q. What is useEffect?
Ans. 

Useeffect is a hook in React that allows performing side effects in function components.

  • Useeffect is used to perform side effects in function components.

  • It runs after every render by default.

  • It can be used to fetch data, subscribe to events, or update the DOM.

  • It can also clean up effects by returning a function.

  • Dependencies can be specified to control when the effect runs.

A React Developer was asked 10mo ago
Q. How do you approach responsive design?
Ans. 

Responsive design is creating web applications that adapt to different screen sizes and devices.

  • Use media queries in CSS to adjust styles based on screen size

  • Utilize flexible grids and layouts to ensure content adjusts accordingly

  • Test the design on various devices and screen sizes to ensure responsiveness

A React Developer was asked 10mo ago
Q. What is a semantic tag in HTML?
Ans. 

Semantic tags in HTML are special tags that provide meaning to the content they enclose.

  • Semantic tags help search engines and screen readers understand the structure of a webpage.

  • Examples of semantic tags include <header>, <footer>, <nav>, <article>, <section>, <aside>, <main>, <figure>, <figcaption>.

  • Using semantic tags improves SEO and accessibility of a websi...

A React Developer was asked
Q. What are stateless and stateful components?
Ans. 

Stateless components are functional components that don't have state, while stateful components are class components that have state.

  • Stateless components are simpler and easier to test.

  • Stateful components can hold and modify state, and can trigger re-renders.

  • Stateless components can receive data through props.

  • Stateful components can have lifecycle methods.

  • Example of stateless component: const Button = ({ onClick }...

A React Developer was asked
Q. What is the difference between the map and forEach methods?
Ans. 

map returns a new array with modified elements, forEach executes a function for each element in an array.

  • map returns a new array, forEach does not

  • map modifies the elements of the array, forEach does not

  • map returns the same number of elements as the original array, forEach does not necessarily

  • forEach is used for side effects, map is used for transformation

Are these interview questions helpful?
🔥 Asked by recruiter 4 times
A React Developer was asked
Q. What is Hoisting?
Ans. 

Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope.

  • Variables declared with var are hoisted to the top of their scope

  • Function declarations are also hoisted to the top of their scope

  • Function expressions are not hoisted

  • Hoisting can lead to unexpected behavior if not understood properly

🔥 Asked by recruiter 3 times
A React Developer was asked
Q. What are the lifecycle methods in React?
Ans. 

Lifecycle methods are methods that get called at various stages of a component's life.

  • componentDidMount() - called after component is mounted

  • shouldComponentUpdate() - determines if component should update

  • componentDidUpdate() - called after component is updated

  • componentWillUnmount() - called before component is unmounted

Infosys React Developer Interview Experiences

4 interviews found

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

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

Round 1 - One-on-one 

(3 Questions)

  • Q1. What is Useeffect?
  • Ans. 

    Useeffect is a hook in React that allows performing side effects in function components.

    • Useeffect is used to perform side effects in function components.

    • It runs after every render by default.

    • It can be used to fetch data, subscribe to events, or update the DOM.

    • It can also clean up effects by returning a function.

    • Dependencies can be specified to control when the effect runs.

  • Answered by AI
  • Q2. What is useState?
  • Ans. 

    useState is a hook in React that allows functional components to have state.

    • useState is a built-in hook in React.

    • It allows functional components to have stateful logic.

    • useState returns an array with two elements - the current state value and a function to update that value.

    • Example: const [count, setCount] = useState(0);

  • Answered by AI
  • Q3. What is sdlc lifecycle?
  • Ans. 

    SDLC lifecycle stands for Software Development Life Cycle, which is a process used by software development teams to design, develop, and test high-quality software.

    • SDLC lifecycle consists of several phases including planning, analysis, design, implementation, testing, and maintenance.

    • Each phase has its own set of activities and deliverables to ensure the successful completion of the software project.

    • Examples of SDLC mo...

  • Answered by AI

Skills evaluated in this interview

Interview experience
3
Average
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(2 Questions)

  • Q1. What is the sematic tag in HTML?
  • Ans. 

    Semantic tags in HTML are special tags that provide meaning to the content they enclose.

    • Semantic tags help search engines and screen readers understand the structure of a webpage.

    • Examples of semantic tags include <header>, <footer>, <nav>, <article>, <section>, <aside>, <main>, <figure>, <figcaption>.

    • Using semantic tags improves SEO and accessibility of a website.

  • Answered by AI
  • Q2. How to do responsive design?
  • Ans. 

    Responsive design is creating web applications that adapt to different screen sizes and devices.

    • Use media queries in CSS to adjust styles based on screen size

    • Utilize flexible grids and layouts to ensure content adjusts accordingly

    • Test the design on various devices and screen sizes to ensure responsiveness

  • Answered by AI

Skills evaluated in this interview

Interview experience
5
Excellent
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(1 Question)

  • Q1. React and javascript interview questions

I applied via LinkedIn and was interviewed in Mar 2021. There were 3 interview rounds.

Interview Questionnaire 

4 Questions

  • Q1. What is Stateless and Stateful component?
  • Ans. 

    Stateless components are functional components that don't have state, while stateful components are class components that have state.

    • Stateless components are simpler and easier to test.

    • Stateful components can hold and modify state, and can trigger re-renders.

    • Stateless components can receive data through props.

    • Stateful components can have lifecycle methods.

    • Example of stateless component: const Button = ({ onClick }) => ...

  • Answered by AI
  • Q2. What are the lifecycle methods in React?
  • Ans. 

    Lifecycle methods are methods that get called at various stages of a component's life.

    • componentDidMount() - called after component is mounted

    • shouldComponentUpdate() - determines if component should update

    • componentDidUpdate() - called after component is updated

    • componentWillUnmount() - called before component is unmounted

  • Answered by AI
  • Q3. Difference between map and forEach method?
  • Ans. 

    map returns a new array with modified elements, forEach executes a function for each element in an array.

    • map returns a new array, forEach does not

    • map modifies the elements of the array, forEach does not

    • map returns the same number of elements as the original array, forEach does not necessarily

    • forEach is used for side effects, map is used for transformation

  • Answered by AI
  • Q4. What is Hoisting?
  • Ans. 

    Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope.

    • Variables declared with var are hoisted to the top of their scope

    • Function declarations are also hoisted to the top of their scope

    • Function expressions are not hoisted

    • Hoisting can lead to unexpected behavior if not understood properly

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - It was easy since it is for entry level position and if you know the basics then you are able to answer it correctly.

Skills evaluated in this interview

What people are saying about Infosys

View All
yedabhai
1w
works at
Hyperpure
Are we not even safe in our own workplaces?
An Infosys employee was arrested for secretly recording women in the office washroom. Over 30 videos were found on his phone. This isn't just shocking, it's horrifying. Offices are meant to be safe, respectful spaces. 🙎 When will companies truly prioritize safety and surveillance in all corners, not just the visible ones?
FeedCard Image
Got a question about Infosys?
Ask anonymously on communities.

Interview questions from similar companies

I applied via Campus Placement and was interviewed before May 2021. There were 4 interview rounds.

Round 1 - Resume Shortlist 
Pro Tip by AmbitionBox:
Keep your resume crisp and to the point. A recruiter looks at your resume for an average of 6 seconds, make sure to leave the best impression.
View all tips
Round 2 - Aptitude Test 

VERBAL QUANT DI/LR and Picture based test

Round 3 - Technical 

(1 Question)

  • Q1. Write a fibonaci series in c++ or C?
  • Ans. 

    Fibonacci series can be easily implemented using loops in C++ or C.

    • Declare variables for first two numbers of the series

    • Use a loop to calculate and print the next number in the series

    • Repeat the loop until desired number of terms are printed

  • Answered by AI
Round 4 - HR 

(1 Question)

  • Q1. Informed about the policies and made us sign a document

Interview Preparation Tips

Interview preparation tips for other job seekers - Just be calm and composed while answering the questions.

Skills evaluated in this interview

I applied via Recruitment Consultant and was interviewed before Oct 2020. There was 1 interview round.

Interview Questionnaire 

2 Questions

  • Q1. What is Abstraction
  • Q2. Concept of hiding implementation

Interview Preparation Tips

Interview preparation tips for other job seekers - Not bad, good atmosphere, positive response from staff

I applied via Naukri.com and was interviewed in Mar 2021. There was 1 interview round.

Interview Questionnaire 

4 Questions

  • Q1. Yourself
  • Q2. How do you feel about working nights and weekends?
  • Ans. 

    I am open to working nights and weekends if it aligns with project needs and team goals, ensuring productivity and collaboration.

    • Flexibility: I understand that software development can require off-hours work, especially during critical project phases.

    • Team Collaboration: Working nights or weekends can enhance communication with team members in different time zones.

    • Project Deadlines: I am willing to put in extra hours to...

  • Answered by AI
  • Q3. I will try to complete my tasks within weekdays effectively and efficiently to avoid weekand night work.
  • Q4. What is the difference b/w confidence and over confidence?

Interview Preparation Tips

Interview preparation tips for other job seekers - Tech mahendra company is a very efficent work hard and if you have a growth of employees skills and sincearly work hard
Are these interview questions helpful?

I applied via LinkedIn and was interviewed in Apr 2021. There were 4 interview rounds.

Interview Questionnaire 

2 Questions

  • Q1. What is data structures
  • Ans. 

    Data structures are ways of organizing and storing data in a computer so that it can be accessed and used efficiently.

    • Data structures are used to manage and manipulate data.

    • They can be implemented using arrays, linked lists, trees, graphs, and other methods.

    • Examples include stacks, queues, hash tables, and binary search trees.

  • Answered by AI
  • Q2. Why database
  • Ans. 

    Databases are essential for storing and managing large amounts of data efficiently.

    • Databases allow for easy organization and retrieval of data

    • They provide data security and integrity

    • Databases enable scalability and performance optimization

    • Examples include MySQL, Oracle, MongoDB, and SQL Server

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - Good,and bit advanced for student point of view

Skills evaluated in this interview

I applied via Naukri.com and was interviewed before May 2021. There were 3 interview rounds.

Round 1 - Technical 

(1 Question)

  • Q1. Java Collection, OOPS, Seralization
Round 2 - Technical 

(1 Question)

  • Q1. Java OOPS, Collection, threading, SQL
Round 3 - HR 

(1 Question)

  • Q1. Nothing specific, Salary Negotiations.

Interview Preparation Tips

Interview preparation tips for other job seekers - overall good experience and process was quick

I applied via Company Website and was interviewed before Jan 2021. There were 5 interview rounds.

Interview Questionnaire 

3 Questions

  • Q1. Tell me about yourself?
  • Q2. Normalization concept,Java basics inheritance overloading, encapsulation ,update table ,related to projects in final year
  • Q3. Situation based questions based on project

Interview Preparation Tips

Interview preparation tips for other job seekers - Be calm and confident and be genuine whatever you explain that should be very specific to question and if u are feeling narvous then put a gentle smile on your face,if you don't know about question ask then try little bit and say sir I will read about this.
All the Best😊😊

Infosys Interview FAQs

How many rounds are there in Infosys React Developer interview?
Infosys interview process usually has 1 rounds. The most common rounds in the Infosys interview process are Technical and One-on-one Round.
How to prepare for Infosys React Developer interview?
Go through your CV in detail and study all the technologies mentioned in your CV. Prepare at least two technologies or languages in depth if you are appearing for a technical interview at Infosys. The most common topics and skills that interviewers at Infosys expect are React Native, Redux, Angularjs, HTML and Javascript.
What are the top questions asked in Infosys React Developer interview?

Some of the top questions asked at the Infosys React Developer interview -

  1. What is Stateless and Stateful componen...read more
  2. What are the lifecycle methods in Reac...read more
  3. Difference between map and forEach metho...read more

Tell us how to improve this page.

Overall Interview Experience Rating

4.3/5

based on 3 interview experiences

Difficulty level

Moderate 100%

Duration

Less than 2 weeks 100%
View more
Join Infosys Creating the next opportunity for people, businesses & communities
Infosys React Developer Salary
based on 71 salaries
₹3.6 L/yr - ₹7.4 L/yr
14% less than the average React Developer Salary in India
View more details

Infosys React Developer Reviews and Ratings

based on 3 reviews

2.8/5

Rating in categories

3.6

Skill development

2.8

Work-life balance

1.6

Salary

3.4

Job security

4.9

Company culture

2.2

Promotions

2.8

Work satisfaction

Explore 3 Reviews and Ratings
Java Fullstack (React) Developer

Hyderabad / Secunderabad

3-5 Yrs

Not Disclosed

Explore more jobs
Technology Analyst
54.7k salaries
unlock blur

₹4.8 L/yr - ₹10 L/yr

Senior Systems Engineer
53.8k salaries
unlock blur

₹2.5 L/yr - ₹6.3 L/yr

Technical Lead
35.1k salaries
unlock blur

₹9.4 L/yr - ₹16.4 L/yr

System Engineer
32.5k salaries
unlock blur

₹2.4 L/yr - ₹5.3 L/yr

Senior Associate Consultant
31.3k salaries
unlock blur

₹8.2 L/yr - ₹15 L/yr

Explore more salaries
Compare Infosys with

TCS

3.6
Compare

Wipro

3.7
Compare

Cognizant

3.7
Compare

Accenture

3.7
Compare
write
Share an Interview