Scribd
Upload
12 views

Optimize React App

Uploaded by

ksvsajannaidu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
12 views

Optimize React App

Uploaded by

ksvsajannaidu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

MOST COMMON

REACTJS
INTERVIEW QUESTIONS
How would you optimize your app's
performance ?

SlobodanGajić SWIPE
Lazy Loading
It is a new function in React that lets you load React
components lazily through code splitting without help
from any additional libraries.

It is a technique used to reduce the load time of a React


app.

Lazy loading helps reduce the risk of web app


performances to minimal.

SWIPE
useMemo( )
It is a React hook that is used for caching CPU-Expensive
functions.

Sometimes in a your app, a CPU-Expensive function gets


called repeatedly due to re-renders of a component, which
can lead to slow rendering.

useMemo( ) hook can be used to cache such functions. By


using useMemo( ), the CPU-Expensive function gets called
only when it is needed.

SWIPE
React.PureComponent
Instead of using the simple React.Component, we can use
React.PureComponent to reduce the re-renders of a
component unnecessarily.

The difference between them is that React.Component


doesn’t implement shouldComponentUpdate(), but
React.PureComponent implements it with a shallow prop
and state comparison.

SWIPE
Maintaining State Colocation
This is a process of moving the state as close to where
you need it as possible.

Sometimes in React app, we have a lot of unnecessary


states inside the parent component which makes the code
less readable and harder to maintain.

Not to forget, having many states inside a single


component leads to unnecessary re-renders for the
component.

It is better to shift states which are less valuable to the


parent component, to a separate component.

SWIPE
Would you add
anything??
LET ME KNOW IN THE COMMENTS

SlobodanGajić SlobodanGajic

You might also like