Softura React Js Frontend Developer Interview Questions and Answers

Decent questions asked in the online mcq test

Q1. Redux vs context API
Ans. 
Redux is a predictable state container for JavaScript apps, while Context API is a feature in React for passing data through the component tree.
• Redux is more suitable for larger applications with complex state management needs.

• Context API is simpler to use and is built into React, reducing the need for additional libraries.

• Redux provides a single source of truth for the application state, making it easier to debug and ...read more
Answered by AI
Add your answer

Q1. What is enums in typescript, difference between shallow and deep copy, what is virtual dom, what are closures, some psuedo codes, react machine coding. and other basic javascript questions.
Ans. 
Enums in TypeScript are a way to define a set of named constants. Shallow copy only copies the reference, while deep copy creates a new object. Virtual DOM is a lightweight copy of the actual DOM. Closures are functions that have access to their own scope and the scope of their containing function.
• Enums in TypeScript are used to define a set of named constants. For example, enum Color { Red, Green, Blue }

• Shallow copy c...read more
Answered by AI
Add your answer

Q1. Testing related questions, and other javascript and react questions.
Add your answer

**1st Round: Online Assessment**
The first elimination round consisted of an online assessment focused on HTML, CSS, and JavaScript. The questions ranged from basic to advanced, with a significant emphasis on JavaScript concepts like promises and async operations. This round included negative marking, so accuracy was key.

**2nd Round: DSA Online Test**
The second elimination round tested Data Structures and Algorithms (DSA). It involved two compulsory problems: one focused on string manipulation and the other on array manipulation, both requiring solutions with O(1) space complexity.

**3rd Round: Personality Test**
This non-elimination round assessed grammar and communication skills. It included:
- Fill-in-the-blank questions focused on subject-verb agreement.
- Sentence repetition tasks where we had to listen and repeat the given sentences.
- Audio-based tasks requiring us to repeat sentences after listening to them.

**4th Round: Home Assignment**
In this elimination round, we were tasked with cloning a webpage using only HTML, CSS, and JavaScript. The goal was to create a pixel-perfect design without the use of frameworks or libraries like Bootstrap.

Candidates who cleared this round invited to the JTG campus for further process.

**5th Round: DSA **
This elimination round began with solving DSA problems focused on string and array manipulation.

**6th Round: Live Coding Assignment**
Round 5th was followed by a live coding task where we had to build a to-do application using only HTML, CSS, and JavaScript. The application needed to leverage local storage for data persistence. The technical interview in this round was based on the live coding task.

Q1. **6th and 7th Rounds: Technical Interviews** The next two elimination rounds were back-to-back technical interviews. They covered advanced concepts in HTML, CSS, and JavaScript, along with DSA problems.
Add your answer

Q1. **9th Round: HR Interview** The final round was an HR interview, where the focus was on personality traits, career aspirations, and alignment with the company’s values. **Verdict: Selected**
Add your answer

Focused on JS questions

Q1. React concept explain
Ans. 
React is a JavaScript library for building user interfaces.
• React is a declarative, efficient, and flexible JavaScript library for building user interfaces.

• It allows developers to create reusable UI components.

• React uses a virtual DOM to improve performance by only updating the necessary parts of the actual DOM.

• React follows a unidirectional data flow, making it easier to understand how data changes over time.

• React can ...read more
Answered by AI
Add your answer

Q1. Java Script coding question
Add your answer

It was quite basic including the basic understanding of front-end and the aptitude

Q1. Asked json web tokean authentication, authorisation. architecture of your project.
Add your answer
Q2. Coding question- create crud app. Given array of objects. Render list in table. Do edit, delete, sort list on object property.
Ans. 
Create a CRUD app to render, edit, delete, and sort a list of objects in a table.
• Create a React component to render a table with data from the array of objects.

• Implement functions for editing and deleting objects from the list.

• Add functionality to sort the list based on object properties.

• Use state and props to manage data and re-render the table when changes occur.
Answered by AI
Add your answer
Q3. Difference bw rem, em, px. React hooks- useEffect, life cycle methods. use cases of hooks.
Ans. 
rem, em, px are units of measurement in CSS. useEffect is a React hook for side effects. Hooks are used for stateful logic in functional components.
• rem: relative to the font-size of the root element (html). Example: 1rem = 16px

• em: relative to the font-size of the element. Example: 2em = 32px if the font-size of the element is 16px

• px: fixed-size units. Example: font-size: 14px

• useEffect: React hook used for side effects ...read more
Answered by AI
Add your answer