What is fibre in react fiber?

Q: What is fibre in react fiber?

type: The component type (e.g., a function or a class). stateNode: The instance of the component or DOM node. child: The first child fiber. sibling: The next sibling fiber. return: The parent fiber. alternate: A reference to the alternate version of the fiber, used during the reconciliation process.

Difficulty: 6/10

reconciliation, scheduling, concurrency

In Fiber, a fibre is a JavaScript object representing a unit of work. It is similar to a virtual DOM node, but it also contains additional information about the work's state, priority, and other metadata. Each fibre is associated with a component instance and represents a part of the component tree.

A fibre object contains properties such as:

1
type: The component type (e.g., a function or a class).
2
stateNode: The instance of the component or DOM node.
3
child: The first child fiber.
4
sibling: The next sibling fiber.
5
return: The parent fiber.
6
alternate: A reference to the alternate version of the fiber, used during the reconciliation process.

Scenario Questions

0-2 years experience

Follow-up Questions