Upload Button Icon Add office photos
Engaged Employer

i

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

CognitiveClouds Verified Tick

Compare button icon Compare button icon Compare

Filter interviews by

CognitiveClouds React Js Frontend Developer Interview Questions and Answers

Updated 18 Jan 2024

CognitiveClouds React Js Frontend Developer Interview Experiences

2 interviews found

Interview experience
1
Bad
Difficulty level
Easy
Process Duration
4-6 weeks
Result
No response

I applied via LinkedIn and was interviewed in Dec 2023. There were 4 interview rounds.

Round 1 - Coding Test 

Asked to write 2 easy DSA coding question and Questions on React.js

Round 2 - Coding Test 

Again 2 easy DSA and few questions on web developement.

Round 3 - Coding Test 

1 easy DSA round and questions on React.

Round 4 - HR 

(1 Question)

  • Q1. After 3 coding they delayed 3 weeks saying its new year and the panel is on leave. Then 2nd week on Jan they took all my documents for verification, Discussed CTC and told they'll reach back and literally ...

Interview Preparation Tips

Interview preparation tips for other job seekers - Just don't waste your time on such companies, which doesn't even know if they have a requirement or not. They take interviews and then ghost candidates at the last stage.

React Js Frontend Developer Interview Questions & Answers

user image Abhishek Raj Gupta

posted on 24 May 2023

Interview experience
3
Average
Difficulty level
-
Process Duration
-
Result
-
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 - One-on-one 

(4 Questions)

  • Q1. Easy they ask basic question
  • Q2. Sort a string and array
  • Ans. 

    Sorting a string and array

    • Use the sort() method to sort an array

    • Use the split() method to convert a string to an array

    • Use the join() method to convert an array to a string

  • Answered by AI
  • Q3. Make a collection of objects from the given data
  • Ans. 

    Create a collection of objects from given data

    • Iterate through the data and create an object for each item

    • Assign the relevant properties to each object

    • Push each object to an array to create the collection

  • Answered by AI
  • Q4. One aptitude question based on work manpower
Round 3 - HR 

(1 Question)

  • Q1. Basic general information about your self

Skills evaluated in this interview

React Js Frontend Developer Interview Questions Asked at Other Companies

asked in Simform
Q1. 1. What is difference between abstract class and interface ?
asked in Simform
Q2. What is the difference between a primary key and a unique key?
asked in Simform
Q3. What is an arrow function in JavaScript?
asked in TCS
Q4. How can we mimic lifecycle methods using useEffect in functional ... read more
asked in Simform
Q5. 5. Why we require interface and what is interface in java ?

Top trending discussions

View All
Interview Tips & Stories
2w
toobluntforu
·
works at
Cvent
Can speak English, can’t deliver in interviews
I feel like I can't speak fluently during interviews. I do know english well and use it daily to communicate, but the moment I'm in an interview, I just get stuck. since it's not my first language, I struggle to express what I actually feel. I know the answer in my head, but I just can’t deliver it properly at that moment. Please guide me
Got a question about CognitiveClouds?
Ask anonymously on communities.

Interview questions from similar companies

Interview experience
5
Excellent
Difficulty level
-
Process Duration
-
Result
-
Round 1 - One-on-one 

(1 Question)

  • Q1. 1) State and props 2) Basic JS question
Interview experience
3
Average
Difficulty level
Hard
Process Duration
Less than 2 weeks
Result
No response

I appeared for an interview in Mar 2025, where I was asked the following questions.

  • Q1. Difference between objects & maps?
  • Ans. 

    Objects are key-value pairs with string keys, while Maps allow any data type as keys and maintain insertion order.

    • Objects can only have string or symbol keys, while Maps can have keys of any type (e.g., objects, functions).

    • Maps maintain the order of elements based on insertion, whereas objects do not guarantee order.

    • Maps have a size property that returns the number of key-value pairs, while objects require manual count...

  • Answered by AI
  • Q2. What is the difference between writing a custom hook as a react component & as a function?
  • Ans. 

    Custom hooks can be created as functions or components, each serving different purposes in React.

    • Custom hooks as functions: They encapsulate reusable logic and can use other hooks internally.

    • Example: function useFetch(url) { const [data, setData] = useState(null); useEffect(() => { fetch(url).then(...); }, [url]); return data; }

    • Custom hooks as components: They can manage state and lifecycle methods but are less comm...

  • Answered by AI
  • Q3. What is the inset property in css?
  • Ans. 

    The inset property in CSS is a shorthand for setting the top, right, bottom, and left properties simultaneously.

    • The inset property can take values in pixels, percentages, or other units, e.g., inset(10px 20px 30px 40px).

    • It can also accept the 'auto' value, e.g., inset(auto).

    • When used, it positions an element relative to its nearest positioned ancestor.

    • The inset property is particularly useful for creating responsive la...

  • Answered by AI
  • Q4. What are useTransition & useDeferred hooks in React?
  • Ans. 

    useTransition and useDeferredValue are hooks for managing UI transitions and deferred updates in React.

    • useTransition allows you to mark updates as non-urgent, improving user experience during state changes.

    • Example: const [isPending, startTransition] = useTransition();

    • useDeferredValue lets you defer a value update until the browser is idle, preventing blocking UI.

    • Example: const deferredValue = useDeferredValue(value);

    • Bo...

  • Answered by AI
  • Q5. What are meta tags in HTML? What is the importance of viewport?
  • Ans. 

    Meta tags provide metadata about the HTML document, influencing SEO and responsive design, including viewport settings.

    • Meta tags are placed in the <head> section of an HTML document.

    • They provide information like character set, author, and description.

    • Example: <meta name='description' content='This is a sample webpage.'>

    • Viewport meta tag controls layout on mobile browsers.

    • Example: <meta name='viewport' co...

  • Answered by AI
  • Q6. How to convert from portrait mode to landscape mode using css?
  • Ans. 

    CSS can be used to adapt layouts for portrait and landscape orientations using media queries and flexible units.

    • Media Queries: Use CSS media queries to apply different styles based on the orientation. Example: `@media (orientation: landscape) { /* styles */ }`.

    • Flexbox: Utilize flexbox properties to create responsive layouts that adjust based on the screen orientation. Example: `display: flex; flex-direction: row;` for ...

  • Answered by AI
Interview experience
2
Poor
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Not Selected

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

Round 1 - One-on-one 

(2 Questions)

  • Q1. Interviewer was not letting complete my response
  • Q2. If i was giving correct response, then he was interrupting and changing the question.

Interview Preparation Tips

Interview preparation tips for other job seekers - Depends on the interviewer. But prepare the topics in detail
Interview experience
5
Excellent
Difficulty level
Easy
Process Duration
-
Result
-

I applied via Approached by Company and was interviewed in Feb 2024. There was 1 interview round.

Round 1 - Technical 

(1 Question)

  • Q1. Redux work flow Write reducer function Lifecycle method react functional or class How many types hook you have used What are the state management used in react
Interview experience
2
Poor
Difficulty level
Easy
Process Duration
Less than 2 weeks
Result
No response

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

Round 1 - Technical 

(2 Questions)

  • Q1. No questions has been asked , panel members were not joined.
  • Q2. No questions has been asked

Interview Preparation Tips

Topics to prepare for Accenture React Js Frontend Developer interview:
  • React Js and Java Script
Interview preparation tips for other job seekers - Interview did not happen due to unavailability of panel members. Multiple reschedules and did not get any confirmation regarding interview.
Are these interview questions helpful?
Interview experience
3
Average
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(2 Questions)

  • Q1. What is redux? Explain in code
  • Ans. 

    Redux is a predictable state container for JavaScript apps.

    • Redux helps manage the state of an application in a predictable way

    • It allows for a single source of truth for the state

    • Actions are dispatched to update the state through reducers

    • Example: createStore, combineReducers, applyMiddleware

  • Answered by AI
  • Q2. What is use effect variants?
  • Ans. 

    useEffect variants are different ways to use the useEffect hook in React for handling side effects.

    • useEffect with empty dependency array for running only once on mount

    • useEffect with dependency array for running on specific dependencies change

    • useEffect with cleanup function for cleaning up side effects

    • useEffect with return function for cleanup on unmount

  • Answered by AI

Skills evaluated in this interview

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

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

Round 1 - Technical 

(2 Questions)

  • Q1. Explain about hooks
  • Ans. 

    Hooks are a feature in React that allow you to use state and other React features in functional components.

    • Hooks were introduced in React 16.8.

    • They allow you to use state and other React features without writing a class component.

    • Commonly used hooks include useState, useEffect, useContext, and useReducer.

    • Hooks must be used at the top level of a functional component.

    • Hooks can be custom created as well.

  • Answered by AI
  • Q2. Explain life cycle methods
  • Ans. 

    Life cycle methods are methods that are called at different stages of a component's life cycle in React.

    • Mounting phase: constructor, render, componentDidMount

    • Updating phase: shouldComponentUpdate, render, componentDidUpdate

    • Unmounting phase: componentWillUnmount

  • Answered by AI

Skills evaluated in this interview

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

Basic coding nd programming and moderate level

Interview Preparation Tips

Interview preparation tips for other job seekers - React js redux javascript typescript

CognitiveClouds Interview FAQs

How many rounds are there in CognitiveClouds React Js Frontend Developer interview?
CognitiveClouds interview process usually has 3-4 rounds. The most common rounds in the CognitiveClouds interview process are Coding Test, HR and Resume Shortlist.
What are the top questions asked in CognitiveClouds React Js Frontend Developer interview?

Some of the top questions asked at the CognitiveClouds React Js Frontend Developer interview -

  1. make a collection of objects from the given d...read more
  2. sort a string and ar...read more
  3. one aptitude question based on work manpo...read more

Tell us how to improve this page.

Overall Interview Experience Rating

2/5

based on 2 interview experiences

Difficulty level

Easy 100%

Duration

4-6 weeks 100%
View more
CognitiveClouds React Js Frontend Developer Salary
based on 4 salaries
₹5 L/yr - ₹8 L/yr
33% less than the average React Js Frontend Developer Salary in India
View more details

CognitiveClouds React Js Frontend Developer Reviews and Ratings

based on 1 review

1.0/5

Rating in categories

1.0

Skill development

1.0

Work-life balance

4.0

Salary

1.0

Job security

1.0

Company culture

1.0

Promotions

1.0

Work satisfaction

Explore 1 Review and Rating
Software Engineer
52 salaries
unlock blur

₹4 L/yr - ₹11 L/yr

Associate Software Engineer
46 salaries
unlock blur

₹4 L/yr - ₹8 L/yr

Software Developer
11 salaries
unlock blur

₹3.6 L/yr - ₹12 L/yr

IOS Developer
9 salaries
unlock blur

₹2.4 L/yr - ₹11.6 L/yr

Lead
9 salaries
unlock blur

₹23 L/yr - ₹24 L/yr

Explore more salaries
Compare CognitiveClouds with

Accenture

3.7
Compare

Wipro

3.7
Compare

Cognizant

3.7
Compare

Capgemini

3.7
Compare
write
Share an Interview