How to lazy load components in React
You can use React's `lazy()` function in conjunction with dynamic `import()` to lazily load a component. This is often combined with `Suspense` to dis...
#state
11개의 노트
What could be the reasons for un-necessary re-renders in React
Unnecessary re-renders in components can occur due to several reasons, and it's important to optimize your code to minimize them for better performanc...
What are Explicit binding in JavaScript
Explicit binding is a way to explicitly state what the `this` keyword is going to be bound to using `call`, `apply` or `bind` methods of a function.
component's lifecycle
In React functional components, **lifecycle-like behaviors** are achieved ==using hooks==:
Pure Components
Pure components re-render only when the props passed to the component changes. For example, if you have a pure child component inside a parent compone...
Reconciliation
Reconciliation is the process through which React updates the DOM by comparing the newly returned elements with the previously rendered ones. React up...
How To Lazy Load Components In React
You can use React's `lazy()` function in conjunction with dynamic `import()` to lazily load a component. This is often combined with `Suspense` to dis...
What Could Be The Reasons For Un-necessary Re-renders In React
Unnecessary re-renders in components can occur due to several reasons, and it's important to optimize your code to minimize them for better performanc...
Prefetch
Prefetch is a browser optimization which allows us to fetch resources that may be needed for subsequent routes or pages before they are needed
Tree-shaking
It can happen that we add code to our bundle that isn't used anywhere in our application. This piece of dead code can be eliminated in order to reduce...
Virtual-lists
In this guide, we will discuss list virtualization (also known as