Add office photos
Filter interviews by
Durapid Technologies Reactjs Developer Interview Questions and Answers for Experienced
Durapid Technologies Reactjs Developer Interview Experiences for Experienced
1 interview found
Anonymous
Selected
I applied via Walk-in and was interviewed before Dec 2022. There were 2 interview rounds.
(3 Questions)
- Q1. 1. About yourself.
- Q2. 2. Tech experience
- Q3. 3. Salary Discussion
Interview Preparation Tips
Top trending discussions
Interview questions from similar companies
I applied via Recruitment Consulltant and was interviewed in Sep 2024. There was 1 interview round.
(16 Questions)
- Q1. What is hosting and closer
- Ans.
Hosting is the process of storing a website or application on a server, while closure is a function that retains access to variables from its parent scope.
Hosting involves storing a website or application on a server to make it accessible on the internet.
Closure is a function that retains access to variables from its parent scope, even after the parent function has finished executing.
- Q2. What is difference between var let and const give me an explanation on what block scope
- Ans.
var, let, and const are used to declare variables in JavaScript. var has function scope, let has block scope, and const is a constant with block scope.
var has function scope, meaning it is accessible throughout the function it is declared in.
let has block scope, meaning it is only accessible within the block it is declared in.
const is similar to let in terms of block scope, but the value cannot be reassigned.
- Q3. What is asynchronous and how it works
- Ans.
Asynchronous programming allows tasks to run independently of the main program flow, improving performance and responsiveness.
Asynchronous code does not block the main thread, allowing other tasks to continue while waiting for a response.
Callbacks, promises, and async/await are common ways to handle asynchronous operations in JavaScript.
Example: fetching data from an API while the rest of the application continues to r
- Q4. Tell me the output 1)a = 20; console.log(a); var a; 2)b=10; console.log(b); let b; 3)let a =5; if(a<5){ let b = " a lessthen 5"; }else{ let b = "b is grater then 5"; } console.log(b);
- Ans.
The output for the given code snippets will be: 1) 20 2) ReferenceError: Cannot access 'b' before initialization 3) ReferenceError: b is not defined
In the first snippet, variable 'a' is declared using 'var' after it is assigned a value, so it logs 20 without any issues.
In the second snippet, variable 'b' is declared using 'let' after it is assigned a value, so it throws a ReferenceError as 'b' is accessed before initia...
- Q5. Give a div with text and display center of the page and apply animation using HTML and css
- Ans.
Centered div with text and animation using HTML and CSS
Create a div element with text inside
Apply CSS styles to center the div on the page
Use CSS animations to add animation effects
- Q6. What are semantic tags and explain
- Ans.
Semantic tags are HTML tags that provide meaning to the content they enclose, helping search engines and screen readers understand the structure of a webpage.
Semantic tags help improve SEO by providing context to search engines.
They also improve accessibility for screen readers by clearly defining the structure of a webpage.
Examples of semantic tags include
,
- Q7. How can we write responsive for web page
- Ans.
Use media queries, flexible grids, and relative units to create a responsive web page.
Use media queries to apply different styles based on screen size
Create flexible grids using CSS Grid or Flexbox
Use relative units like percentages or ems for sizing elements
Consider using frameworks like Bootstrap or Material-UI for responsive design
Test your design on different devices and screen sizes
- Q8. What is the difference between CSS and SASS? what is the use of Sass
- Ans.
SASS is a preprocessor scripting language that is interpreted into CSS, offering more features and flexibility.
SASS is a preprocessor for CSS, allowing for variables, nesting, and mixins to be used in stylesheets.
SASS code needs to be compiled into CSS before being used in a web project.
SASS helps in writing cleaner and more organized CSS code, making it easier to maintain and update styles.
CSS is the styling language ...
- Q9. Event propagation
- Q10. How would you validate the form using HTML? How do you validate the phone number with the country code?
- Ans.
Form validation can be done using HTML attributes like required, pattern, and maxlength. Phone number validation with country code can be achieved using regex.
Use the 'required' attribute to make fields mandatory
Use the 'pattern' attribute with regex to validate input format
Use the 'maxlength' attribute to limit the number of characters in a field
For phone number validation with country code, use regex to match the des...
- Q11. Which test library you use why it usecase
- Ans.
I use Jest for testing React applications due to its simplicity and integration with React ecosystem.
Jest is the most popular test library for React applications
It comes pre-configured with Create React App and has great support for snapshot testing
Jest also has built-in mocking capabilities which make it easy to test components with dependencies
- Q12. Tell me mounting and shallow concept in testing library
- Ans.
Mounting is the process of rendering a component into the DOM, while shallow rendering allows testing a component without rendering its children.
Mounting is the initial phase of the component lifecycle where the component is rendered into the DOM.
Shallow rendering in testing library renders only the component itself, not its children.
Shallow rendering is useful for isolating the component being tested and avoiding rend...
- Q13. What is redux-toolkit and what difference b/w redux and redux-toolkit
- Ans.
Redux Toolkit is the official, recommended way to write Redux logic. It simplifies the process of managing state in React applications.
Redux Toolkit provides a set of tools and best practices to streamline Redux development.
It includes utilities like createSlice, createReducer, and configureStore to simplify the code and reduce boilerplate.
Redux Toolkit also includes built-in Immer integration for writing immutable upd...
- Q14. How api call handle in redux and how can you get and display user name from redux
- Ans.
API calls in Redux are typically handled using middleware like Redux Thunk. User name can be retrieved from Redux state and displayed in components.
Use Redux Thunk middleware to make API calls in Redux
Dispatch actions to update Redux state with API response data
Access user name from Redux state in components to display it
- Q15. React hooks and how optimization
- Q16. Why we need thank in redux
- Ans.
Thunk middleware in Redux allows for asynchronous logic to be handled in Redux actions.
Thunk middleware allows for dispatching functions instead of just plain objects in Redux actions.
It enables handling asynchronous API calls within Redux actions.
Thunk middleware helps in simplifying the code by moving complex logic outside of components.
Example: Thunk middleware can be used to dispatch an action after a delay or to f...
Skills evaluated in this interview
Selected
I applied via LinkedIn and was interviewed in Nov 2024. There was 1 interview round.
React js and JavaScript scenarios based problems.
Interview Preparation Tips
- Javascript
- React.Js
- Redux
- HTML
- CSS
Niharika Thakur
I applied via Company Website and was interviewed in Jun 2024. There were 2 interview rounds.
Got a link on mail to give online clearance test. 25 questions on react, Js and html-css
(1 Question)
- Q1. Build a login page
vaibhav chakane
(3 Questions)
- Q1. Javascript array methods like filter and reduce. Javascript guess the output questions based on variables and functions.
- Q2. React lifecycle methods
- Q3. UseState and useEffect usecase
I applied via Company Website and was interviewed in Oct 2023. There were 3 interview rounds.
(6 Questions)
- Q1. What are the benefits of React?
- Ans.
React offers a component-based architecture, virtual DOM for performance optimization, and a strong community support.
Component-based architecture allows for reusability and easier maintenance of code.
Virtual DOM helps in improving performance by only updating the necessary parts of the actual DOM.
React has a strong community support with a vast ecosystem of libraries and tools available.
React allows for server-side re...
- Q2. Difference between state and props?
- Ans.
State is mutable and managed within the component, while props are immutable and passed from parent component.
State is managed within the component and can be changed using setState() method
Props are passed from parent component to child component and cannot be changed by the child component
State is used for internal component data management, while props are used for passing data from parent to child components
- Q3. What is useReducer and UseContext api?
- Ans.
useReducer is a React hook that manages state changes through a specified reducer function. useContext is a hook that allows access to a context object.
useReducer is used for managing complex state logic in React applications.
It takes in a reducer function and an initial state, and returns the current state and a dispatch function.
Example: const [state, dispatch] = useReducer(reducer, initialState);
useContext is used f...
- Q4. What is one way data binding?
- Ans.
One way data binding is a unidirectional flow of data from the model to the view in React applications.
Data flows from the model (or source of truth) to the view, but not vice versa.
Changes in the model automatically update the view, but changes in the view do not affect the model.
Helps in maintaining a clear and predictable data flow in React components.
- Q5. Tell me hooks you have used?
- Ans.
I have used useState, useEffect, useContext, useReducer, and useRef hooks in my projects.
useState - for managing state in functional components
useEffect - for handling side effects in functional components
useContext - for accessing context in functional components
useReducer - for managing complex state logic in functional components
useRef - for accessing DOM elements or storing mutable values
- Q6. What is redux middleware
- Ans.
Redux middleware is a function that intercepts actions before they reach the reducer.
Middleware can be used for logging, crash reporting, asynchronous API calls, etc.
It sits between the action dispatch and the reducer.
Examples of popular middleware include redux-thunk and redux-saga.
(2 Questions)
- Q1. Questions related to Projects
- Q2. Git commands: How to commit ,merge code, how to resolve merge conflicts
- Ans.
Git commands for committing, merging code, and resolving merge conflicts
To commit code: git commit -m 'Commit message'
To merge code from a branch: git merge branch_name
To resolve merge conflicts: manually edit the conflicting files, add changes, and then commit the merge
It's 10 multiple-choice question with low,medium, and difficult range levels.
Skills evaluated in this interview
I applied via Recruitment Consulltant and was interviewed in Nov 2023. There were 3 interview rounds.
Progress bar in react and remote data fetching
(1 Question)
- Q1. Ui related questions
(1 Question)
- Q1. Asked for preferred location and salary
Interview Questionnaire
6 Questions
- Q1. Coding questions related let ,var and const
- Q2. What is reducer and it's flow
- Ans.
A reducer is a pure function in React that takes the previous state and an action, and returns the new state.
Reducers are used in React to manage state changes in an application
They take the previous state and an action as input
Reducers are pure functions, meaning they do not modify the state directly
They return a new state based on the previous state and the action
Redux is a popular library that uses reducers to manag
- Q3. What are new features of HTMl5,css positions
- Ans.
New features of HTML5 include semantic tags, canvas, and video/audio support. CSS positions include sticky and grid layout.
HTML5: Semantic tags like
, CSS positions: Sticky position allows elements to stick to the top or bottom of the viewport. Grid layout provides a more flexible way to create complex layouts.
- Q4. Javascript coding questions-array object
- Q5. Spread operator in react?
- Ans.
Spread operator is used to expand an iterable object into individual elements.
Used for passing props to child components
Used for merging arrays and objects
Syntax: ...
Example: const arr = [1, 2, 3]; const newArr = [...arr, 4, 5];
- Q6. Tel me about
Skills evaluated in this interview
Interview Questionnaire
1 Question
- Q1. React Lifecycle, lambda function, array methods like map, splice, slice, filter, forEach, reduce, redux flow, hooks, lifecycle in functional component, virtual DOM,
Raj thakur
Selected
I applied via Naukri.com and was interviewed in Jun 2024. There were 3 interview rounds.
(3 Questions)
- Q1. Basic question from React JS, Redux, Javascript, HTML and CSS.
- Q2. Core concept like difference between virtual dom and real dom.
- Q3. What is Redux and flow of Redux. Difference between context api and Redux.
(2 Questions)
- Q1. Project related questions like what had you done in previous project.
- Q2. Some scenarios based questions.
(1 Question)
- Q1. General HR questions.
Durapid Technologies Interview FAQs
Tell us how to improve this page.
Interview Questions for Popular Designations
- React Js Frontend Developer Interview Questions
- React Native Developer Interview Questions
- React Developer Interview Questions
- Senior React Native Developer Interview Questions
- android and React Native Developer Interview Questions
- React Js Software Engineer Interview Questions
- Software Developer Interview Questions
- Java Developer Interview Questions
- Show more
Reactjs Developer Interview Questions from Similar Companies
|
Software Developer
10
salaries
|  ₹2 L/yr - ₹12.4 L/yr |
|
Associate Software Developer
5
salaries
| ₹2.9 L/yr - ₹3.6 L/yr |
|
Business Analyst
4
salaries
| ₹1 L/yr - ₹3 L/yr |
|
Design Lead
3
salaries
| ₹4.2 L/yr - ₹4.2 L/yr |
|
Graphic & UI Designer
3
salaries
| ₹3 L/yr - ₹3 L/yr |
Infosys
TCS
Wipro
HCLTech
- Home >
- Interviews >
- Durapid Technologies Interview Questions >
- Durapid Technologies Reactjs Developer Interview Questions for Experienced
