React JS Interview Questions and Answers Set 8

71.what are the limitations of react?

Limitations of react are listed below:

  • React is just a library, not a full-blown framework
  • Its library is very large and takes time to understand
  • It can be little difficult for the novice programmers to understand
  • Coding gets complex as it uses inline templating and jsx

72.What is the main goal of react fiber?

The goal of react fiber is to increase its suitability for areas like animation, layout, and gestures. Its headline feature is incremental rendering: the ability to split rendering work into chunks and spread it out over multiple frames.

73.How is react router different from conventional routing?

Conventional routing vs react routing

Topic Conventional routing React routing
Pages involved Each view corresponds to a new file Only single html page is involved
Url changes A http request is sent to a server and corresponding html page is received Only the history attribute is changed
Feel User actually navigates across different pages for each view User is duped thinking he is navigating across different pages

74.What is react fiber?

Fiber is the new reconciliation engine or reimplementation of core algorithm in react v16. The goal of react fiber is to increase its suitability for areas like animation, layout, gestures, ability to pause, abort, or reuse work and assign priority to different types of updates; and new concurrency primitives.

75.  Differentiate between real dom and virtual dom.

Real dom vs virtual dom

Real dom Virtual  dom
1. It updates slow. 1. It updates faster.
2. Can directly update html. 2. Can’t directly update html.
3. Creates a new dom if element updates. 3. Updates the jsx if element updates.
4. Dom manipulation is very expensive. 4. Dom manipulation is very easy.
5. Too much of memory wastage. 5. No memory wastage.

76.What is the difference between shadow dom and virtual dom?

The shadow dom is a browser technology designed primarily for scoping variables and css in web components. The virtual dom is a concept implemented by libraries in javascript on top of browser apis.

77. What is the life cycle of reactjs?

  • Initialization
  • State/property updates
  • Destruction

78.what is flux in javascript?

Flux is an application architecture for creating data layers in javascript applications.it was designed at facebook along with the react view library.flux is not a framework or a library. It is simply a new kind of architecture that complements react and the concept of unidirectional data flow.
Further reading https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture.

79.What is inline conditional expressions?

You can use either if statements or ternary expressions which are available from js to conditionally render expressions. Apart from these approaches, you can also embed any expressions in jsx by wrapping them in curly braces and then followed by js logical operator &&.

<h1>hello!</h1>

{

Messages.length > 0 &&

<h2>

You have {messages.length} unread messages.

</h2>

}

80.why is switch keyword used in react router v4?

Although a <div> is used to encapsulate multiple routes inside the router. The ‘switch’ keyword is used when you want to display only a single route to be rendered amongst the several defined routes. The <switch> tag when in use matches the typed url with the defined routes in sequential order. When the first match is found, it renders the specified route. Thereby bypassing the remaining routes.