Surekha Technologies React Js Frontend Developer Interview Questions and Answers

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

Online Hackathon test was taken.

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
View 1 more answer
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
Add your answer
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
Add your answer
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
Add your answer
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
Add your answer
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...read more
Answered by AI
Add your answer

Q1. React QA and javascript QA
Add your answer

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.

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...read more
Answered by AI
Add your answer
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
Add your answer

Q1. Object , array , ES6, React basics
Add your answer

Q1. Advance Javascript questions
Add your answer
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...read more
Answered by AI
Add your answer

Q1. Roles & Responsibilites
Add your answer

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
Add your answer
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...read more
Answered by AI
Add your answer
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
Add your answer
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...read more
Answered by AI
Add your answer
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
Add your answer
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
Add your answer
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
Add your answer

Q1. Basic React question
Add your answer
Q2. Few Javascript questions
Add your answer

Q1. Basic redux question
Add your answer
Q2. Basic react questions
Add your answer