Upload Button Icon Add office photos

Filter interviews by

Surekha Technologies React Js Frontend Developer Interview Questions and Answers

Updated 4 Oct 2024

Surekha Technologies React Js Frontend Developer Interview Experiences

1 interview found

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

I applied via campus placement at Vishwakarma Government Engineering College, Ahmedabad and was interviewed in Sep 2024. There were 2 interview rounds.

Round 1 - Aptitude Test 

Apptitude round is pretty easy and held on microsoft 365 plateform.

Round 2 - Technical 

(3 Questions)

  • Q1. How to embbed custom css in Tailwind
  • Ans. 

    You can use the @layer directive in Tailwind to embed custom CSS

    • Use the @layer directive in your CSS file to specify where the custom CSS should be injected

    • For example, to embed custom CSS in the utilities layer, you can use @layer utilities { ... }

    • Make sure to configure Tailwind to process the @layer directive in your tailwind.config.js file

  • Answered by AI
  • Q2. SetTimeout() codes
  • Q3. Data transfer in reactJs.
  • Ans. 

    Data transfer in ReactJs involves passing data between components using props and state.

    • Props are used to pass data from parent to child components

    • State is used to manage data within a component and can be passed down as props

    • Data can also be transferred using context API or Redux for global state management

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - Please prepare well for the role that you apply and focus on resume.

Skills evaluated in this interview

Interview questions from similar companies

Interview experience
4
Good
Difficulty level
Moderate
Process Duration
2-4 weeks
Result
No response

I applied via Company Website and was interviewed in Oct 2024. There were 3 interview rounds.

Round 1 - Technical 

(4 Questions)

  • Q1. React life cycles
  • Q2. Server side rendering
  • Q3. Deep and shadow copy
  • Q4. Ecmascript6 and latest updates with example
  • Ans. 

    ES6 is the latest version of ECMAScript with new features like arrow functions, classes, and template literals.

    • Arrow functions provide a more concise syntax for writing functions.

    • Classes allow for easier object-oriented programming in JavaScript.

    • Template literals make it easier to work with strings by allowing interpolation and multiline strings.

  • Answered by AI
Round 2 - Coding Test 

Creating react componont with api integration, list rendering and adding custom filterals

Round 3 - Coding Test 

Coding exercise, custom hooks, UI related quetions

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
Moderate
Process Duration
Less than 2 weeks
Result
No response

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

Round 1 - Coding Test 

Online Hackathon test was taken.

Round 2 - Technical 

(6 Questions)

  • Q1. Tell Me About Yourself.
  • Ans. 

    I am a passionate React Js Frontend Developer with experience in building user-friendly and responsive web applications.

    • Experienced in developing web applications using React Js

    • Proficient in HTML, CSS, and JavaScript

    • Familiar with state management libraries like Redux

    • Strong understanding of responsive design principles

    • Ability to work collaboratively in a team environment

  • Answered by AI
  • Q2. Tell me about your roles and responsibilities in your current project.
  • Ans. 

    I am responsible for developing and maintaining the frontend of the project using React Js.

    • Developing user-friendly interfaces using React Js

    • Implementing responsive design and ensuring cross-browser compatibility

    • Collaborating with backend developers to integrate frontend with backend services

    • Optimizing application performance and troubleshooting issues

    • Participating in code reviews and providing feedback to team members

  • Answered by AI
  • Q3. How we implement SSR in React.
  • Ans. 

    SSR in React is implemented using server-side rendering to pre-render React components on the server before sending them to the client.

    • Use libraries like Next.js or Gatsby to implement SSR in React.

    • Configure server to render React components on the server side.

    • Optimize server-side rendering for performance by caching rendered components.

  • Answered by AI
  • Q4. How can we change our project in production mode from development mode.
  • Ans. 

    To change a React project from development mode to production mode, you need to build the project using the 'npm run build' command.

    • Run 'npm run build' command in the terminal to create a production build of the project.

    • This command will generate a 'build' folder with optimized and minified files for production.

    • You can then deploy the contents of the 'build' folder to a web server for production use.

  • Answered by AI
  • Q5. What is lazy loading and how we can implement in our project.
  • Ans. 

    Lazy loading is a technique used to defer loading non-essential resources until they are needed.

    • Lazy loading helps improve performance by only loading resources when they are required.

    • In React, lazy loading can be implemented using React.lazy() and Suspense components.

    • Example: const MyComponent = React.lazy(() => import('./MyComponent'));

    • Example: Loading...

  • }>

Answered by AI
  • Q6. What is react routing and how it is different from other conventional routing methods.
  • Ans. 

    React routing is a way to handle navigation in a React application by defining routes and rendering components based on the URL.

    • React routing allows for declarative routing, where routes are defined using JSX elements.

    • It enables dynamic routing based on the URL, allowing for different components to be rendered based on the route.

    • React Router is a popular library for handling routing in React applications.

    • Unlike convent...

  • Answered by AI

    Interview Preparation Tips

    Interview preparation tips for other job seekers - Depends on interviewers skill set.

    Skills evaluated in this interview

    Interview experience
    2
    Poor
    Difficulty level
    Hard
    Process Duration
    2-4 weeks
    Result
    No response

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

    Round 1 - Behavioral 

    (1 Question)

    • Q1. React QA and javascript QA
    Round 2 - Coding Test 

    Even after answering all the questions correctly along with coding done with exact expected output you will get rejected becoz they are fake job interview or eye wash campaign it’s better to avoid.

    Interview Preparation Tips

    Interview preparation tips for other job seekers - BEWARE!! Do not attend this company interview panel members are fake software architects who have zero experience in coding , skills, development and optimisation techniques.
    Interview experience
    5
    Excellent
    Difficulty level
    Hard
    Process Duration
    Less than 2 weeks
    Result
    -

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

    Round 1 - Technical 

    (2 Questions)

    • Q1. What is the difference between debounce and throttling
    • Ans. 

      Debounce delays the execution of a function until after a specified time period, while throttling limits the rate at which a function can be executed.

      • Debounce waits for a specified time period of inactivity before executing the function, while throttling limits the rate at which the function can be called.

      • Debounce is useful for scenarios like search bars where you want to wait for the user to finish typing before makin...

    • Answered by AI
    • Q2. What was used before Rest APIs
    • Ans. 

      SOAP (Simple Object Access Protocol) was used before Rest APIs for web services communication.

      • SOAP was a protocol for exchanging structured information in the implementation of web services.

      • SOAP used XML for message format and relied heavily on HTTP for communication.

      • SOAP was more rigid and complex compared to Rest APIs, which are more lightweight and flexible.

      • Examples of SOAP-based web services include Microsoft's .NE

    • Answered by AI

    Skills evaluated in this interview

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

    I applied via Approached by Company and was interviewed in Apr 2024. There were 3 interview rounds.

    Round 1 - Technical 

    (1 Question)

    • Q1. Object , array , ES6, React basics
    Round 2 - Technical 

    (2 Questions)

    • Q1. Advance Javascript questions
    • Q2. React application with custom hooks
    • Ans. 

      Custom hooks in React allow for reusable logic across components.

      • Custom hooks are functions that use React hooks internally and can be reused across multiple components.

      • They can encapsulate complex logic and state management, making components more modular and easier to maintain.

      • Example: A custom hook for fetching data from an API and handling loading and error states can be used in multiple components.

      • Example: A custo...

    • Answered by AI
    Round 3 - One-on-one 

    (1 Question)

    • Q1. Roles & Responsibilites

    Skills evaluated in this interview

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

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

    Round 1 - Technical 

    (7 Questions)

    • Q1. Types of Promises
    • Ans. 

      Promises in JavaScript are objects representing the eventual completion or failure of an asynchronous operation.

      • Promises can be in one of three states: pending, fulfilled, or rejected.

      • Promises can be chained using .then() to handle success and .catch() to handle errors.

      • Promises can be created using the Promise constructor or by using async/await syntax.

    • Answered by AI
    • Q2. Difference between useState and useEffect
    • Ans. 

      useState is used to manage state in functional components, while useEffect is used to perform side effects in functional components.

      • useState is used to declare state variables in functional components.

      • useEffect is used to perform side effects in functional components, such as data fetching, subscriptions, or manually changing the DOM.

      • useState does not trigger re-renders, while useEffect can be used to trigger re-render...

    • Answered by AI
    • Q3. What is Callback hell
    • Ans. 

      Callback hell is a situation where multiple nested callbacks make the code difficult to read and maintain.

      • Occurs when multiple asynchronous operations are nested within each other

      • Leads to deeply nested code structure which is hard to understand

      • Can be avoided by using Promises, async/await, or modularizing code

    • Answered by AI
    • Q4. Difference between traditional function and arrow function
    • Ans. 

      Traditional functions are defined using the function keyword, while arrow functions are defined using a concise syntax with =>.

      • Traditional functions are hoisted, while arrow functions are not.

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

      • Arrow functions are more concise and easier to read compared to traditional functions.

      • Traditional functions are better for methods in obje...

    • Answered by AI
    • Q5. Usecase to create counter in react
    • Ans. 

      Creating a counter in React to increment and decrement a value.

      • Create a state variable to store the count value

      • Use setState to update the count value

      • Render the count value in the component

      • Add buttons to increment and decrement the count value

    • Answered by AI
    • Q6. Program to find frequency of letters in a string
    • Ans. 

      Program to find frequency of letters in a string

      • Create an object to store the frequency of each letter

      • Loop through the string and increment the count of each letter in the object

      • Convert the object into an array of strings with letter and frequency pairs

    • Answered by AI
    • Q7. Program to find if substring is present in a given string without using predefined functions
    • Ans. 

      Iterate through the given string to check if the substring is present.

      • Iterate through the given string and check if each character matches the first character of the substring.

      • If a match is found, check the subsequent characters to see if they form the substring.

      • Return true if the entire substring is found within the given string, otherwise return false.

    • Answered by AI

    Skills evaluated in this interview

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

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

    Round 1 - Technical 

    (2 Questions)

    • Q1. Basic React question
    • Q2. Few Javascript questions
    Interview experience
    2
    Poor
    Difficulty level
    -
    Process Duration
    -
    Result
    -
    Round 1 - Technical 

    (2 Questions)

    • Q1. Basic redux question
    • Q2. Basic react questions

    Interview Preparation Tips

    Interview preparation tips for other job seekers - They prefer onlu immediate joiner. I have cleared 1st round but they didn't schedule second round due to 2 months notice period

    Surekha Technologies Interview FAQs

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

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

    1. How to embbed custom css in Tailw...read more
    2. Data transfer in react...read more
    3. SetTimeout() co...read more

    Tell us how to improve this page.

    People are getting interviews through

    based on 1 Surekha Technologies interview
    Campus Placement
    100%
    Low Confidence
    ?
    Low Confidence means the data is based on a small number of responses received from the candidates.
    Software Engineer
    26 salaries
    unlock blur

    ₹2.5 L/yr - ₹9.8 L/yr

    Software Developer
    4 salaries
    unlock blur

    ₹2.4 L/yr - ₹4 L/yr

    HR Manager
    4 salaries
    unlock blur

    ₹7.9 L/yr - ₹9.9 L/yr

    Project Manager
    4 salaries
    unlock blur

    ₹7.4 L/yr - ₹12 L/yr

    Business Development Executive
    4 salaries
    unlock blur

    ₹1 L/yr - ₹4.6 L/yr

    Explore more salaries
    Compare Surekha Technologies with

    TCS

    3.7
    Compare

    Infosys

    3.7
    Compare

    Wipro

    3.7
    Compare

    HCLTech

    3.5
    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