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
1
vote
1 answer
React-fiber (drei) ScrollControls prevent from scrolling
I've noticed in V9 of drei there is a bug when combing the elment with .
I just want bind text to a 3D element but the ScrollControll makes the text scroll out of the view: CodeSandBox Example
It works fine in v8: CodeSandBox…
Luhn
- 706
- 6
- 15
1
vote
0 answers
Can I render png image with React Fiber?
Everyone, I am using React Fiber and I just want to render png images, in more detail social icons, but it has backgrounds...
So here is source code link.
https://github.com/SmartDever02/Sportbase-Team-v2-THREE.JS/blob/main/src/App.jsx
enter image…
James Jin
- 11
- 1
1
vote
0 answers
gltf piepeline draco compression creates weird edges
I'm trying to compress a glb file with gltf pipeline module ( https://github.com/CesiumGS/gltf-pipeline )
The original glb file looks like the following:
I'm compressing glb model with the following script:
const getCompressedGltfFile = async (glb)…
masanorinyo
- 1,098
- 2
- 12
- 25
1
vote
1 answer
White screen showing in react js gltf model, not loading properly with react-three/fibre and drei and three js
I used @react-three/fiber , @react-three/drei, three js and gltfjsx to make a 3d rendering website. I want to render a gltf file and I successfully could do it already but with a problem which is whenever the dev server starts the screen flickers…
user18015790
1
vote
1 answer
Import Error with @react-three/fiber / @react-three/drei
I'm trying to use some components from @react-three/drei and it gives me a ton of import errors. No matter what I try to use from @react-three/drei, I get these errors.
Example:
ERROR in ./node_modules/three-stdlib/loaders/EXRLoader.js…
BeatsByRSD
- 43
- 1
- 4
1
vote
1 answer
Can React's useState setter lambdas run multiple times?
To be honest, I'm struggling to come up with a way to phrase this question besides "What is happening here?" Take the following React code designed to add incremental items to a list:
import React, { useState } from "react";
import…
0x24a537r9
- 968
- 1
- 10
- 24
1
vote
1 answer
Can you use React-fiber/Three.js in React-Native
How is it going StackOverflow community so I was wondering could I use React-fiber in React-Native
whatever
- 157
- 7
1
vote
1 answer
ReactDOM.createRoot can't mount the component into DOM
I 'm debugging the react source code, everything is fine until I adopting concurrent mode. When I use ReactDOM.createRoot like this:
import React from 'react';
import * as ReactDOM from 'react-dom';
import './index.css';
import App from…
Nero
- 11
- 2
1
vote
0 answers
How to test and see if react-fiber is functioning correctly
I'm trying to write code that incrementally renders a lot of components onto the screen and my understanding is that react-fiber is supposed to help with that process. Is there a way to test and see if it's actually doing anything to help?
The whole…
davis
- 11
- 1
1
vote
1 answer
How to identify moment something executed in Flame graph in DevTools?
I'm using React 16 (Fiber engine) and need to see/identify specific moment in Main thread section to see what is happening after it.
Thus I come up with idea to put some code that will create some spike there and will enable me to see exact spot on…
zmii
- 4,123
- 3
- 40
- 64
1
vote
2 answers
Errors transpiling tsx using the create-react-app starter
Where to begin...I'm using the create-react-app that generates a starter reactjs-redux-typescript-webpack-donetcore app. During the build, it is throwing many errors that appear to be similar in nature - react type mismatches. The generated code…
Will Lopez
- 2,089
- 3
- 40
- 64
1
vote
1 answer
React 16 upgrade fatal errors ag-grid?
Has anyone upgraded their ag-grid installation to React 16 aka Fiber? I upgraded to react@next and react-dom@next, and instantly got a fatal error. My tool is closely based on the ag-grid-react-example, and the problem seems to be with cell editors.…
Troutgirl
- 11
- 1
1
vote
0 answers
React Native Modal - is setState not fast enough?
I've spent hours on this bug and I'm hoping another set of eyes can help me out! Appreciate you're help!
I have a React Native app and inside a Modal, I have a list of options with radio buttons.
What I want:
When you click on a TouchableHighlight…
Turnipdabeets
- 5,815
- 8
- 40
- 63
0
votes
0 answers
How to resize and movable decals on 3d body with refrence to changes on 2d body?
I'm working on a project and stucked on one part:
(React.js, Three.js)
Making decals movable and resizable with context of 2d changes side by side.
Anyhow I completed resizable part but changing position dynamically with reference to 2d body not…
AWANISH KUMAR
- 1
- 1
0
votes
0 answers
