Upload Button Icon Add office photos

Saviynt

Compare button icon Compare button icon Compare

Filter interviews by

Saviynt React Js Frontend Developer Interview Questions and Answers

Updated 25 Oct 2024

6 Interview questions

A React Js Frontend Developer was asked 8mo ago
Q. What is the difference between the call stack and the heap?
Ans. 

Call stack stores function calls and local variables, while heap stores dynamic memory allocation.

  • Call stack is used for function calls and local variables

  • Heap is used for dynamic memory allocation

  • Call stack is limited in size and has a fixed memory allocation, while heap is larger and can grow dynamically

  • Example: Call stack is used to keep track of function calls in a recursive function, while heap is used to all...

A React Js Frontend Developer was asked 8mo ago
Q. What is CORS in web development?
Ans. 

CORS stands for Cross-Origin Resource Sharing and is a security feature implemented by browsers to prevent unauthorized access to resources on a different domain.

  • CORS allows servers to specify who can access their resources by adding specific HTTP headers to their responses.

  • It is used to protect against cross-site request forgery (CSRF) attacks.

  • For example, if a frontend application on domain A tries to make a req...

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 ?
A React Js Frontend Developer was asked 8mo ago
Q. How do you map two arrays of objects and display the results in lists using React?
Ans. 

Map two arrays of objects and display results in lists using React

  • Use the map function to iterate over each array of objects

  • Render the results in separate lists using JSX

  • Example: array1.map(item =>

  • {item.name}
  • )

A React Js Frontend Developer was asked 8mo ago
Q. Write a React code snippet to post data to a public URL.
Ans. 

Code snippet to post data to a public URL in React

  • Use the fetch API to make a POST request to the public URL

  • Convert the data to JSON before sending it in the request body

  • Handle the response from the server accordingly

A React Js Frontend Developer was asked 8mo ago
Q. What is the difference between a normal function and an arrow function?
Ans. 

Arrow functions are more concise and have lexical scoping, while normal functions have their own 'this' value.

  • Arrow functions do not have their own 'this' value, they inherit it from the parent scope.

  • Arrow functions are more concise and have implicit return.

  • Normal functions are more flexible and can be used as constructors.

  • Arrow functions cannot be used as constructors.

  • Arrow functions do not have 'arguments' objec...

A React Js Frontend Developer was asked 8mo ago
Q. Given a counter code in a class component, convert it to a functional component.
Ans. 

Convert a counter code from class component to functional component

  • Use useState hook to manage state in functional component

  • Remove 'this' keyword and constructor from the code

  • Update event handlers to use arrow functions or useCallback hook

Saviynt React Js Frontend Developer Interview Experiences

1 interview found

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

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

Round 1 - Technical 

(3 Questions)

  • Q1. Given a counter code in class component, convert it to functional component
  • Ans. 

    Convert a counter code from class component to functional component

    • Use useState hook to manage state in functional component

    • Remove 'this' keyword and constructor from the code

    • Update event handlers to use arrow functions or useCallback hook

  • Answered by AI
  • Q2. Write a code in react to post some data to a public url
  • Ans. 

    Code snippet to post data to a public URL in React

    • Use the fetch API to make a POST request to the public URL

    • Convert the data to JSON before sending it in the request body

    • Handle the response from the server accordingly

  • Answered by AI
  • Q3. Css flextbox related questions
Round 2 - Behavioral 

(4 Questions)

  • Q1. What is the difference between normal function and arrow function?
  • Ans. 

    Arrow functions are more concise and have lexical scoping, while normal functions have their own 'this' value.

    • Arrow functions do not have their own 'this' value, they inherit it from the parent scope.

    • Arrow functions are more concise and have implicit return.

    • Normal functions are more flexible and can be used as constructors.

    • Arrow functions cannot be used as constructors.

    • Arrow functions do not have 'arguments' object.

  • Answered by AI
  • Q2. Call stack and heap difference?
  • Ans. 

    Call stack stores function calls and local variables, while heap stores dynamic memory allocation.

    • Call stack is used for function calls and local variables

    • Heap is used for dynamic memory allocation

    • Call stack is limited in size and has a fixed memory allocation, while heap is larger and can grow dynamically

    • Example: Call stack is used to keep track of function calls in a recursive function, while heap is used to allocate...

  • Answered by AI
  • Q3. What is CORS in web development?
  • Ans. 

    CORS stands for Cross-Origin Resource Sharing and is a security feature implemented by browsers to prevent unauthorized access to resources on a different domain.

    • CORS allows servers to specify who can access their resources by adding specific HTTP headers to their responses.

    • It is used to protect against cross-site request forgery (CSRF) attacks.

    • For example, if a frontend application on domain A tries to make a request ...

  • Answered by AI
  • Q4. Map two array of objects and display the results in lists using react
  • Ans. 

    Map two arrays of objects and display results in lists using React

    • Use the map function to iterate over each array of objects

    • Render the results in separate lists using JSX

    • Example: array1.map(item =>

    • {item.name}
    • )

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - Concentrate on React and javascript concepts. They will check your knowledge through code snippets!!

Skills evaluated in this interview

Top trending discussions

View All
Interview Tips & Stories
1w (edited)
a team lead
Why are women still asked such personal questions in interview?
I recently went for an interview… and honestly, m still trying to process what just happened. Instead of being asked about my skills, experience, or how I could add value to the company… the questions took a totally unexpected turn. The interviewer started asking things like When are you getting married? Are you engaged? And m sure, if I had said I was married, the next question would’ve been How long have you been married? What does my personal life have to do with the job m applying for? This is where I felt the gender discrimination hit hard. These types of questions are so casually thrown at women during interviews but are they ever asked to men? No one asks male candidates if they’re planning a wedding or how old their kids are. So why is it okay to ask women? Can we please stop normalising this kind of behaviour in interviews? Our careers shouldn’t be judged by our relationship status. Period.
Got a question about Saviynt?
Ask anonymously on communities.

Interview questions from similar companies

I applied via Naukri.com and was interviewed before Jul 2019. There were 4 interview rounds.

Interview Questionnaire 

3 Questions

  • Q1. Questions about the projects you worked with. About how specific coding challenges were solved. How it could have been done other ways. etc.
  • Q2. About Python versions and differences. Impact on frameworks.
  • Q3. About module design, apis.

Interview Preparation Tips

Interview preparation tips for other job seekers - It is a relaxed interview, like a discussion. The questions are tough in that they make you think. Review your previous projects and be honest.

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 ?

Interview Questionnaire 

9 Questions

  • Q1. Questions related to the work done at my previous company
  • Q2. Find if a given directed graph is cyclic or not
  • Ans. 

    To check if a directed graph is cyclic or not

    • Use Depth First Search (DFS) algorithm to traverse the graph

    • Maintain a visited set to keep track of visited nodes

    • Maintain a recursion stack to keep track of nodes in the current DFS traversal

    • If a node is visited and is already in the recursion stack, then the graph is cyclic

    • If DFS traversal completes without finding a cycle, then the graph is acyclic

  • Answered by AI
  • Q3. You have a stream of bytes from which you can read one byte at a time. You only have enough space to store one byte. After processing those bytes, you have to return a random byte. Note: The probability of...
  • Ans. 

    Return a random byte from a stream of bytes with equal probability.

    • Create a variable to store the count of bytes read

    • Create a variable to store the current random byte

    • For each byte read, generate a random number between 0 and the count of bytes read

    • If the random number is 0, store the current byte as the random byte

    • Return the random byte

  • Answered by AI
  • Q4. Find if a given Binary Tree is BST or not
  • Ans. 

    Check if a binary tree is a binary search tree or not.

    • Traverse the tree in-order and check if the values are in ascending order.

    • For each node, check if its value is greater than the maximum value of its left subtree and less than the minimum value of its right subtree.

    • Use recursion to check if all nodes in the tree satisfy the above condition.

  • Answered by AI
  • Q5. Devise an algorithm to determine the Nth-to-Last element in a singly linked list of unknown length. If N = 0, then your algorithm must return the last element. You should parse the list only once
  • Ans. 

    Algorithm to find Nth-to-Last element in a singly linked list of unknown length

    • Traverse the list and maintain two pointers, one at the beginning and one at Nth node from beginning

    • Move both pointers simultaneously until the second pointer reaches the end of the list

    • The first pointer will be pointing to the Nth-to-Last element

    • If N=0, return the last element

    • Parse the list only once

  • Answered by AI
  • Q6. Given an array of integers, print all possible permutations. Also explain your approach
  • Ans. 

    Print all possible permutations of an array of integers

    • Use recursion to swap elements and generate permutations

    • Start with the first element and swap it with each subsequent element

    • Repeat the process for the remaining elements

    • Stop when all elements have been swapped with the first element

    • Print each permutation as it is generated

  • Answered by AI
  • Q7. Design a Stack DS that also prints in O(1) the minimum element you pushed in the stack
  • Ans. 

    Design a stack that prints the minimum element pushed in O(1)

    • Use two stacks, one for storing elements and another for storing minimums

    • When pushing an element, compare it with the top of minimum stack and push the smaller one

    • When popping an element, pop from both stacks

    • To get the minimum element, just return the top of minimum stack

  • Answered by AI
  • Q8. Given a linked list with loop, how would you find the starting point of the loop ?
  • Ans. 

    To find the starting point of a loop in a linked list, use Floyd's cycle-finding algorithm.

    • Use two pointers, one moving at twice the speed of the other.

    • When they meet, move one pointer to the head of the list and keep the other at the meeting point.

    • Move both pointers one step at a time until they meet again, which is the starting point of the loop.

  • Answered by AI
  • Q9. Find a number a matrix mat[m][n] where all the rows and columns are sorted non-decreasingly. What will be the complexity of the solution
  • Ans. 

    To find a number in a matrix where all rows and columns are sorted non-decreasingly. Complexity of the solution.

    • Use binary search to find the number in each row and column

    • Start from the top-right corner or bottom-left corner to optimize search

    • Time complexity: O(m log n) or O(n log m) depending on the starting corner

  • Answered by AI

Interview Preparation Tips

Skills: Algorithm, Data structure
College Name: Na

Skills evaluated in this interview

I applied via Company Website and was interviewed before May 2018. There were 3 interview rounds.

Interview Questionnaire 

2 Questions

  • Q1. Questions about Oops, data structures based on the projects I had done, and my resume
  • Q2. Questions about classes and abstraction

Interview Preparation Tips

Interview preparation tips for other job seekers - 2 parts; part 1 is a coding test and part 2 is discussion.

I applied via Campus Placement and was interviewed in Sep 2021. There was 1 interview round.

Interview Preparation Tips

Interview preparation tips for other job seekers - Be thorough with DSA and low level design. Also have a good idea about Computer science fundamentals .
Interview experience
4
Good
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
-

I applied via Campus Placement and was interviewed in Mar 2024. There was 1 interview round.

Round 1 - Coding Test 

There were 5 question out of which 2 were coding Data Structure problems , 1 was SQL based , 1 was AI based Problem ( Machine Learning ) and 1 was to create UML Diagram.
First Coding question was pretty easy , other one was kinda tough , UML Diagram was also easy and SQL query was of moderate level.

Interview Preparation Tips

Interview preparation tips for other job seekers - Keep Practising u'll definately make it.
Interview experience
5
Excellent
Difficulty level
-
Process Duration
-
Result
-

I applied via Campus Placement

Round 1 - Aptitude Test 

Aptitude questions with 2-3 coding questions

Round 2 - Technical 

(2 Questions)

  • Q1. Input-wwwrrrrttttuu Output - w3r4t4u2
  • Q2. Interpreter vs compiler
  • Ans. 

    Interpreter executes code line by line, compiler translates code into machine code before execution.

    • Interpreter translates code into machine code line by line during runtime

    • Compiler translates code into machine code before execution

    • Interpreted languages include Python, JavaScript

    • Compiled languages include C, C++

  • Answered by AI
Are these interview questions helpful?

I appeared for an interview in Apr 2021.

Round 1 - Coding Test 

(2 Questions)

Round duration - 120 Minutes
Round difficulty - Medium

I was MCQ + Coding round, Their were MCQ Based on DSA, Aptitude and 2 easy coding questions.

  • Q1. 

    Ninja Competition Problem Statement

    Ninja is organizing a coding competition where two teams compete at a time. To keep it fair and interesting, both teams must have an equal number of members. Ninja’s ta...

  • Ans. 

    Check if Ninja can create two teams with equal members given an integer N and its divisors.

    • Iterate through all divisors of N and assign members to the first or second team based on whether the divisor is even or odd.

    • Keep track of the total members in each team and check if they are equal at the end.

    • Return true if the total members in both teams are equal, false otherwise.

  • Answered by AI
  • Q2. 

    Help Bob Out! - Validating IFSC Code

    Bob has just turned 18 and opened a bank account. Being inexperienced with banking, Bob needs your help to validate whether an IFSC code provided by his bank is valid.

    ...
  • Ans. 

    Validate IFSC code based on given rules and return True or False for each test case.

    • Check if the code is 11 characters long.

    • Verify the first four characters are uppercase alphabets.

    • Ensure the fifth character is '0'.

    • Validate that the last six characters are alphanumeric.

  • Answered by AI
Round 2 - Video Call 

Round duration - 50 Minutes
Round difficulty - Easy

The nature of the interviewer was very kind. The test was proctored, our webcam and mic were on, and shared my screen.

Round 3 - Video Call 

Round duration - 50 minutes
Round difficulty - Easy

The nature of the interviewer was very kind. The test was proctored, our webcam and mic were on, and shared my screen.

Interview Preparation Tips

Professional and academic backgroundI applied for the job as SDE - 1 in BangaloreEligibility criteriaNo criteriaBottomline Technologies interview preparation:Topics to prepare for the interview - Data Structure, Algorithms, Development, Programming Languages, OOPsTime required to prepare for the interview - 3 monthsInterview preparation tips for other job seekers

Tip 1 : Be strong at your basics.
Tip 2 : Do at least 2 projects and ask to find answers like why are you choosing this tech stack? why did not you choose its alternatives Know your project in and out because they might ask you for a modification in your project?

Application resume tips for other job seekers

Tip 1 : Have some projects on your resume.
Tip 2 : Do not put false things on your resume.
Tip 3 : Try to keep a single-page resume.

Final outcome of the interviewRejected
Interview experience
4
Good
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Coding Test 

It was combination of mcqs and 2 coding questions

Round 2 - Technical 

(3 Questions)

  • Q1. What is oops concepts
  • Ans. 

    Object-oriented programming concepts that focus on objects and classes for better code organization and reusability.

    • Encapsulation: Bundling data and methods that operate on the data into a single unit (class).

    • Inheritance: Ability of a class to inherit properties and behavior from another class.

    • Polymorphism: Ability to present the same interface for different data types.

    • Abstraction: Hiding the complex implementation det...

  • Answered by AI
  • Q2. Difference between java nd putjon
  • Ans. 

    Java is a programming language while Putjon is not a recognized term in software development.

    • Java is a widely used programming language for developing applications.

    • Putjon is not a recognized term in software development, it may be a typo or a specific term not commonly used.

    • There is no direct comparison between Java and Putjon as they are not related.

  • Answered by AI
  • Q3. Tell about ur project
Round 3 - One-on-one 

(2 Questions)

  • Q1. What are your strengths
  • Q2. What is ur greatest comeback

Skills evaluated in this interview

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

(2 Questions)

  • Q1. String palindrome
  • Q2. Find all anagrams in a string
  • Ans. 

    Find all anagrams in a string

    • Create a hashmap to store the frequency of characters in the input string

    • Iterate through the input string and check if the frequency of characters matches the hashmap for each substring of the same length

    • Store the substrings that are anagrams in an array and return it

  • Answered by AI

Skills evaluated in this interview

Saviynt Interview FAQs

How many rounds are there in Saviynt React Js Frontend Developer interview?
Saviynt interview process usually has 2 rounds. The most common rounds in the Saviynt interview process are Technical and Behavioral.
What are the top questions asked in Saviynt React Js Frontend Developer interview?

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

  1. What is the difference between normal function and arrow functi...read more
  2. Map two array of objects and display the results in lists using re...read more
  3. Write a code in react to post some data to a public ...read more

Tell us how to improve this page.

Overall Interview Experience Rating

4/5

based on 1 interview experience

Difficulty level

Easy 100%

Duration

Less than 2 weeks 100%
View more

Interview Questions from Similar Companies

BrowserStack Interview Questions
3.6
 • 50 Interviews
Fingent Interview Questions
4.1
 • 25 Interviews
Backbase Interview Questions
3.7
 • 23 Interviews
3Pillar Global Interview Questions
3.2
 • 20 Interviews
Khoros Interview Questions
3.7
 • 20 Interviews
Bottomline Interview Questions
3.4
 • 20 Interviews
Mentor Graphics Interview Questions
4.0
 • 18 Interviews
Fourkites Interview Questions
3.7
 • 18 Interviews
View all
Consultant
48 salaries
unlock blur

₹14 L/yr - ₹24.2 L/yr

Senior Software Engineer
39 salaries
unlock blur

₹24.1 L/yr - ₹44 L/yr

Senior Engineer
34 salaries
unlock blur

₹17.9 L/yr - ₹30 L/yr

Technical Lead
30 salaries
unlock blur

₹23 L/yr - ₹40.5 L/yr

Software Engineer
27 salaries
unlock blur

₹9.5 L/yr - ₹17 L/yr

Explore more salaries
Compare Saviynt with

Yodlee

3.9
Compare

Fingent

4.1
Compare

Bravura Solutions

3.8
Compare

CloudMoyo

4.1
Compare
write
Share an Interview