ZingHR React Js Frontend Developer Interview Questions and Answers

Q1. Clone a Todo Application UI using ReactJS, Sass
Ans. 
Clone a Todo Application UI using ReactJS, Sass
• Create a new ReactJS project using create-react-app

• Design the UI using Sass and implement it in ReactJS

• Use state and props to manage the todo list

• Add functionality to add, delete and mark tasks as complete

• Implement local storage to persist data

• Test the application thoroughly
Answered by AI
Add your answer
Q2. Explain the order of specifity in CSS classes, elements, ids, etc
Ans. 
Explanation of CSS specificity hierarchy
• Inline styles have the highest specificity

• IDs have higher specificity than classes and elements

• Multiple selectors with the same specificity are resolved by the order in which they appear in the stylesheet

• The universal selector (*) has the lowest specificity
Answered by AI
Add your answer

This round was more focused on the problem solving. 2 coding questions were asked. The round was for an hour

Q1. How does Server-Side Rendering work?
Ans. 
Server-Side Rendering (SSR) is the process of rendering web pages on the server and sending the HTML to the client.
• SSR improves website performance and SEO by reducing load times and providing search engines with fully rendered pages.

• React provides a library called ReactDOMServer that allows developers to render React components on the server.

• SSR requires a server-side framework or library, such as Next.js or Gatsby, t...read more
Answered by AI
Add your answer

Q1. What is the purpose of FLEX property in CSS Flexbox?
Ans. 
The purpose of the FLEX property in CSS Flexbox is to define how a flex item will grow or shrink to fit the available space.
• The FLEX property is used to set the initial size of a flex item.

• It can be used to specify how much a flex item can grow or shrink relative to the other flex items.

• The FLEX property is a shorthand for the FLEX-GROW, FLEX-SHRINK, and FLEX-BASIS properties.
Answered by AI
Add your answer
Q2. The flex property defines the ability of a flex item to grow ,shrink,,,,etc
Ans. 
The flex property defines the ability of a flex item to grow, shrink, or stay the same size.
• The flex property is a shorthand for flex-grow, flex-shrink, and flex-basis properties.

• It allows a flex item to grow or shrink to fill the available space.

• Values for flex property include a unitless number for flex-grow, a unitless number for flex-shrink, and a length or percentage for flex-basis.

• Example: flex: 1 1 50%;
Answered by AI
Add your answer

Quantitative aptitude, logical apptiude,

Q1. Data structure and algorithms
Add your answer
Q2. Programming concepts
Add your answer

We discussed on the challenges I faced in the past

It was js coding and react native related questions.

Q1. It was technical skills of Android and iOS application related react native
Add your answer

Q1. It was discussed about your career and judge our professional career.
Add your answer

Q1. Custom hook implementation
Ans. 
Custom hooks in React are reusable functions that contain logic shared between components.
• Custom hooks start with 'use' keyword (e.g. useState, useEffect)

• They can be used to share logic like fetching data, managing state, or subscribing to events

• Example: Custom hook for fetching data from an API can be used in multiple components
Answered by AI
Add your answer

Q1. Javascript basic questions, React Native interview questions
Add your answer

Q1. ES6,filter,map,semantic elements, life cycle hooks of angular
Add your answer

Q1. Closure, promises,observable,http interceptor , custom directive, box model
Add your answer

Q1. It was more of discussion to get to know about organization
Add your answer

Q1. Why are you looking for a change?
Add your answer
Q2. What are your strengths and weaknesses?
Add your answer
Q3. Tell me about yourself.
Add your answer