From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

React Fiber architecture

React Fiber architecture

From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Start my 1-month free trial Buy for my team

React Fiber architecture

“

Hi, and welcome back. In this video, we'll discuss about React's Fiber Architecture. It was introduced in React 16, having flexible, interruptible, and rendering mechanism. It enables incremental rendering and prioritizations. Before Fiber Architecture, React didn't have that. It also supports concurrency features, which were introduced in React 18 versions. Before Fibre, React's rendering was synchronous and recursive, which could result in large UI trees that can block the UI. Let's discuss each of these points of the Fibre architecture in more detail. rendering. Instead of rendering the entire component tree in one go, React architecture breaks the rendering work into small units. It gives us the advantage of pausing the rendering. For example, if React is processing something and other urgent update comes in, React can pause the rendering and move to the urgent work, which makes more important updates have priority. For example, user typing on the screen needs more priority than…

Contents