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
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
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
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
5
Excellent
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Not Selected

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

Round 1 - Technical 

(1 Question)

  • Q1. Frontend developer
Round 2 - Coding Test 

Html, CSS, bootstrap, JavaScript, react.js

Interview Preparation Tips

Topics to prepare for IBM React Js Frontend Developer interview:
  • Html5
  • CSS3
  • Bootstrap
  • Javascript
  • React.Js
Interview experience
4
Good
Difficulty level
-
Process Duration
-
Result
Not Selected
Round 1 - Technical 

(1 Question)

  • Q1. 1. Asked mostly related to last project that you have done
Are these interview questions helpful?
Interview experience
5
Excellent
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(1 Question)

  • Q1. Basic Questions on Project
Interview experience
4
Good
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Selected Selected

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

Round 1 - Technical 

(2 Questions)

  • Q1. What is Cors error
  • Ans. 

    CORS error occurs when a web application makes a request to a different domain than the one it originated from.

    • CORS stands for Cross-Origin Resource Sharing

    • It is a security feature implemented by browsers to prevent unauthorized access to resources on a different domain

    • CORS error can be resolved by configuring the server to include the appropriate CORS headers in the response

    • Common CORS error messages include 'Access-C...

  • Answered by AI
  • Q2. Error boundaries
Round 2 - Technical 

(2 Questions)

  • Q1. Call back hell?
  • Ans. 

    Callback hell refers to the difficulty of managing nested callbacks in asynchronous programming, leading to complex and unreadable code.

    • Callback hell occurs when multiple nested callbacks are used, making code hard to read and maintain.

    • Example: A series of asynchronous operations that depend on each other, leading to deep nesting.

    • Using Promises or async/await can help flatten the structure and improve readability.

    • Examp...

  • Answered by AI
  • Q2. Promises in javascript
  • Ans. 

    Promises in JavaScript are objects 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 cases.

    • Promises help in avoiding callback hell and writing cleaner asynchronous code.

  • Answered by AI

Skills evaluated in this interview

I applied via Referral and was interviewed in May 2021. There was 1 interview round.

Interview Questionnaire 

3 Questions

  • Q1. What are react hooks?
  • Ans. 

    React hooks are functions that allow functional components to use state and lifecycle methods.

    • Introduced in React 16.8

    • useState() hook for managing state

    • useEffect() hook for lifecycle methods

    • useContext() hook for accessing context

    • useReducer() hook for managing complex state

    • Custom hooks for reusable logic

  • Answered by AI
  • Q2. Difference between React.memo vs use memo vs useCallback
  • Q3. What is Reconcilliation?
  • Ans. 

    Reconciliation is the process of updating the virtual DOM with changes made to the actual DOM.

    • Reconciliation is a process that React uses to update the UI efficiently.

    • It compares the previous and current states of the virtual DOM and updates only the necessary changes to the actual DOM.

    • Reconciliation is a key feature of React that makes it fast and efficient.

    • For example, when a user types in a search box, React updates...

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - Be clear with the basics in HTML, CSS, JS, and React

Skills evaluated in this interview

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