react
performance
+2
Let’s discuss how rendering works in React to aid you in developing highly optimized and performant React apps
•
Last updated:
expert
1.
React is an open-source frontend JavaScript library for building user interfaces with a ___ architectural approach.
React is an open-source frontend JavaScript librar...
Last updated:
Time allocated:
Type:
beginner
2.
What is the full form of JSX?
What is the full form of JSX?
Last updated:
Time allocated:
Type:
expert
3.
___ is converted into actual ___ elements displayed on the screen.
___ is converted into actual ___ elements display...
Last updated:
Time allocated:
Type:
beginner
4.
What is the smallest building blocks in React applications?
What is the smallest building blocks in React appl...
Last updated:
Time allocated:
Type:
beginner
5.
Are react elements plain javascript objects?
Are react elements plain javascript objects?
Last updated:
Time allocated:
Type:
beginner
6.
JSX is converted to which of the following function calls?
JSX is converted to which of the following functio...
Last updated:
Time allocated:
Type:
intermediate
7.
Which react element property is used to identify the object?
Which react element property is used to identify t...
Last updated:
Time allocated:
Type:
beginner
8.
Does $$typeof react element property improves React's resilience against malicious markup?
Does $$typeof react element property improves Re...
Last updated:
Time allocated:
Type:
intermediate
9.
Which property is used to uniquely identify elements among siblings while mapping over an array?
Which property is used to uniquely identify elemen...
Last updated:
Time allocated:
Type:
intermediate
10.
Which property stores an actual reference to the DOM node?
Which property stores an actual reference to the D...
Last updated:
Time allocated:
Type:
beginner
11.
What is the correct shape of props property?
What is the correct shape of props property?
Last updated:
Time allocated:
Type:
intermediate
12.
Which of the following are possible values for the type property?
Which of the following are possible values for the...
Last updated:
Time allocated:
Type:
expert
13.
React components take ___ as inputs and return an ___ as output
React components take ___ as inputs and return an ...
Last updated:
Time allocated:
Type:
intermediate
14.
If the react component is class based then its output is the output of which method?
If the react component is class based then its out...
Last updated:
Time allocated:
Type:
intermediate
15.
Which of the following things are present in a react component?
Which of the following things are present in a rea...
Last updated:
Time allocated:
Type:
intermediate
16.
Which of the following are phases of the react rendering process?
Which of the following are phases of the react ren...
Last updated:
Time allocated:
Type:
expert
17.
In the render phase the ___ code is converted to a ___ representation of what the ___ structure should look like
In the render phase the ___ code is converted to a...
Last updated:
Time allocated:
Type:
expert
18.
What is the difference between the render and re-render phase?
What is the difference between the render and re-r...
Last updated:
Time allocated:
Type:
expert
19.
___ is used to identify the changes between the ___ and new tree of react elements
___ is used to identify the changes between the _...
Last updated:
Time allocated:
Type:
expert
20.
Invoking a ___ causes React to instantiate it and return a plain javascript ___ describing a component or element.
Invoking a ___ causes React to instantiate it and ...
Last updated:
Time allocated:
Type:
beginner
21.
React allows components state to stay out of sync with the applications UI?
React allows components state to stay out of sync ...
Last updated:
Time allocated:
Type:
intermediate
22.
Whenever a component's state changes, React has to re-render which components?
Whenever a component's state changes, React has to...
Last updated:
Time allocated:
Type:
beginner
23.
Why does react use virtual DOM?
Why does react use virtual DOM?
Last updated:
Time allocated:
Type:
expert
24.
The ___ is used to figure out the changes without involving the actual ___ and then ensures the actual DOM updates only parts of the ___ that have changed.
The ___ is used to figure out the changes without ...
Last updated:
Time allocated:
Type:
intermediate
25.
What is the process that occurs between the two phases of rendering?
What is the process that occurs between the two ph...
Last updated:
Time allocated:
Type:
expert
26.
___ covers how the ___ DOM gets synced with the real ___
___ covers how the ___ DOM gets synced with the r...
Last updated:
Time allocated:
Type:
intermediate
27.
What is the name of the algorithm that react uses to compare the virtual and real dom to find the least number of operations required to transform one to the other?
What is the name of the algorithm that react uses ...
Last updated:
Time allocated:
Type:
beginner
28.
What is the big O of React's diffing algorithm?
What is the big O of React's diffing algorithm?
Last updated:
Time allocated:
Type:
beginner
29.
In which phase does actual DOM manipulation occurs?
In which phase does actual DOM manipulation occurs...
Last updated:
Time allocated:
Type:
beginner
30.
Which DOM API is used for the initial render?
Which DOM API is used for the initial render?
Last updated:
Time allocated:
Type:
beginner
31.
Does the react library communicate with the real DOM?
Does the react library communicate with the real D...
Last updated:
Time allocated:
Type:
beginner
32.
What is the name of the renderer package for Web platform?
What is the name of the renderer package for Web p...
Last updated:
Time allocated:
Type:
beginner
33.
What is the name of the renderer of the mobile platforms?
What is the name of the renderer of the mobile pla...
Last updated:
Time allocated:
Type:
intermediate
34.
Which of the following hooks are used for memoization purposes?
Which of the following hooks are used for memoizat...
Last updated:
Time allocated:
Type:
beginner
35.
Will memoization return the same output given different input?
Will memoization return the same output given diff...
Last updated:
Time allocated:
Type:
beginner
36.
Which of the following is another way to optimize rendering in react?
Which of the following is another way to optimize ...
Last updated:
Time allocated:
Type: