React Fiber is a reimplementation of React's core rendering algorithm that was introduced with React v16.0. It introduced scheduling and incremental rendering among many other features.
Resources
Questions tagged [react-fiber]
64 questions
3
votes
0 answers
why i'm getting "_debugSource" as "undefined" in FiberNode?
My question is why I'm getting _debugSource as undefined in FiberNode?
import * as React from "react";
export default function SimplePopper() {
const handleClick = (event: React.MouseEvent) => {
console.log(
…
TareTor
- 41
- 4
3
votes
1 answer
How the get the FiberNode in React Hook?
I want to get the Fiber node in Hook,But don't know how to ?
import React from 'react';
export default function App() {
// get the FiberNode in this Component
return ;
}
Thomas.lin
- 430
- 1
- 5
- 11
3
votes
0 answers
How did React Fiber optimize reconciliation
I have read few articles where with React Fiber and here are some questions.
with previous stack reconciliation why is parent-first, depth-first-search impossible? I saw posts saying React Fiber is implemented with linked-list enabling those…
shapeless
- 175
- 1
- 10
3
votes
0 answers
Do we have a callback method for finalizing rendering in react reconciler?
I'm writing a custom renderer using react reconciler.
My renderer should call computeLayout when the tree got some changes.
I can insert computeLayout function call at the tail of appendChild, removeChild, commitUpdate which causes changes in the…
12412316
- 725
- 7
- 17
3
votes
1 answer
Should I rely on the dependency list check of react useEffect hook?
Consider the following code
useEffect(effect, [v]) // v can be undefined
I want to run the effect function only after the first render or when v changes.
My questions are
Do I need to check whether v changes in effect? Or I can rely on react to…
Sang
- 4,049
- 3
- 37
- 47
3
votes
2 answers
React.Component 'this' changed in ComponentDidMount
How can be possible that 'this' in React.Component life cycle have changed to different object?
In render() and in componentDidMount() this points to different objects?
I use React 16.0.0
All life-cycle methods called only once
I transpile…
Mihey Mik
- 1,643
- 13
- 18
3
votes
2 answers
Enable async rendering in react 16
React 16 brings a new core architecture. They worked on a new mechanism of async rendering which might make the animation more fluid. But async rendering is not yet enabled.
I have some performance issues with a react application in firefox. I would…
gontard
- 28,720
- 11
- 94
- 117
2
votes
1 answer
Why are effects named as "passive effects" in React source code?
As a non native english speaker, i am confused by the term "passive effects", as in schedulePassiveEffects, cancelPassiveEffects in React source code.
What exactly does 'passive' mean here?
K4ch
- 73
- 5
2
votes
1 answer
Reconciler vs Renderer in React
I've been reading about react fiber and have been seeing the terms "reconciliation" and "rendering" being used together frequently. Can someone please help me understand the difference between these two terms, in the context of React?
Some…
Aaditya Sharma
- 3,330
- 3
- 24
- 36
2
votes
0 answers
How long does a work loop in React internal last?
Recent I was watching a video talking about react fiber, what confused me was that where every work loop's time came from. Is it constant or mutable depending on any variables?
At first, I thought it's 1000/60 ~= 16.6 ms until I saw this picture…
TerrySu
- 158
- 8
2
votes
0 answers
Is there an Angular equivalent to React Fiber?
Motivation: I'm working on an app which some parts of it renders multiple times a second, and may in some cases perform heavy rendering. I would like it to give user action priority over everything else, even in those heavy rendering cases.
I've…
yuval.bl
- 4,890
- 3
- 17
- 31
2
votes
2 answers
How Can I use the returned string (new feature of React v16.0.0) in the source tag of an image ex: 
?
I want to use the new feature on React v16.0.0 for returning a string, then use that string in
What is the current behavior?
Well if I render my component in a
AziCode
- 2,510
- 6
- 27
- 53
1
vote
0 answers
React Fiber and Threejs - Geometry does not render properly when both color and position attributes are updated
It is an experiment.. this geometry has this strange behavior where if i update only one attribute it looks correct: the shape 'bubbles' or the surface changes color with noise .. but when both color and position are updated it doesn't appear as it…
Luca Ponzanelli
- 11
- 2
1
vote
0 answers
React Fiber/Drei and CCDIKSolver scaling issues
Problem: the bones of the CCDIKSolver seem to scale down when the target is further away.
I've run into an issue that I can't figure out. I have a 3d asset that is based on this example…
Joris
- 11
- 2
1
vote
0 answers
use a three.js shader pass effect with fiber
I would like to use this shader pass below in a react-fiber project :
https://github.com/felixturner/bad-tv-shader
how to convert this :
composer = new THREE.EffectComposer( renderer);
renderPass = new THREE.RenderPass( scene, camera );
badTVPass =…
aa bb
- 411
- 1
- 5
- 17