How do you investigate a slow React app and identify performance bottlenecks
There are many reasons why an app might be slow. It could be due to a slow network, a slow backend, or a slow client. It could also be due to a memory...
#rendering
22개의 노트
Concurrent React (Concurrent Mode)
Concurrent React, previously referred to as Concurrent Mode, is a set of new features in React that allows React to interrupt the rendering process to...
Features of React
Use of Virtual DOM instead of Real DOM, JSX, Server-side rendering, Unidirectional data flow or data binding, Reusable components, etc.
Hydration
Hydration is the process of using client-side JavaScript to add interactivity to the markup generated by the server. When you use server-side renderin...
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...
How Do You Investigate A Slow React App And Identify Performance Bottlenecks
There are many reasons why an app might be slow. It could be due to a slow network, a slow backend, or a slow client. It could also be due to a memory...
Bundle-splitting
When building a modern web application, bundlers such as
Dynamic-import
In our chat application, we have four key components: `UserInfo`,
Prpl
Making our applications globally accessible can be a challenge! We have to make sure the application is performant on low-end devices and in regions w...
Third-party
> tl;dr: Third-party resources can slow down sites and can be a challenge to optimize. You can follow certain best practices to load or delay differen...
Virtual-lists
In this guide, we will discuss list virtualization (also known as
Selective Hydration
How to use combine streaming server-side rendering with a new approach to hydration, selective hydration
Client-side Rendering
Render your application's UI on the client
Incremental Static Generation
Update static content after you have built your site
Progressive Hydration
Delay loading JavaScript for less important parts of the page
React Server Components
Server Components compliment SSR, rendering to an intermediate abstraction without needing to add to the JavaScript bundle
Server-side Rendering
Generate HTML to be rendered on the server in response to a user request
Static Rendering
Deliver pre-rendered HTML content that was generated when the site was built
Streaming Server-Side Rendering
Generate HTML to be rendered on the server in response to a user request
React rendering basics
Take a deeper dive into React's rendering process and understand the basics behind the popular JavaScript framework.
React rendering optimization
Take a deeper dive into React's rendering process and understand how to make small yet powerful tweaks to optimize performance.
React rendering state
Take a deeper dive into React's rendering process and understand the role of the Context API and Redux in it.