Qrious Tech React Js Frontend Developer Interview Questions and Answers

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

Q1. What is the difference between on-page seo and off-page seo?
Ans. 
On-page SEO refers to optimizing elements on a website to improve search engine rankings, while off-page SEO involves external factors like backlinks and social signals.
• On-page SEO includes optimizing meta tags, headings, content, and images on a website.

• Off-page SEO involves building backlinks from other websites, social media shares, and online reputation management.

• Examples of on-page SEO techniques are keyword opti...read more
Answered by AI
Add your answer
Q2. On-page seo is optimizing within the
Add your answer

Q1. What is the difference between ==and === in JavaScript?
Ans. 
The difference between == and === in JavaScript is that == compares only the values, while === compares both values and types.
• The == operator compares two variables by converting them to the same type before making the comparison.

• The === operator compares two variables without type conversion, so they must be of the same type to be considered equal.

• Example: 1 == '1' will return true, but 1 === '1' will return false.
Answered by AI
Add your answer
Q2. ==compare values with type coerion=== is that
Ans. 
Yes, the question is asking about comparing values with type coercion in JavaScript.
• In JavaScript, the == operator compares values with type coercion, meaning it will convert the operands to the same type before making the comparison.

• For example, 1 == '1' will return true because the string '1' is converted to a number before comparison.

• However, 1 === '1' will return false because the strict equality operator (===) doe
Answered by AI
Add your answer

Quantitative aptitude, logical apptiude,

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

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. 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

Q1. How did you find out about us?
Ans. 
I found out about your company through a job search website.
• I was actively searching for UI Frontend Developer positions

• I came across your job posting on a popular job search website

• I researched your company and was impressed with your mission and values
Answered by AI
Add your answer