Update dependency react-three-fiber to v6 #250

renovate · 2021-05-09T21:28:07Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
react-three-fiber	`^4.0.23` -> `^6.0.0`

Release Notes

pmndrs/react-three-fiber

Rewrite reconciler, optimize hot paths
Inline react-reconciler (again, faster hot paths) via closure-compiler
Remove bloat (<Dom />, { __$ } = useLoader, sRGB
Color Management by default
Webgl2 by default
Auto-attach geometries and materials

<mesh>
  <planeBufferGeometry />
  <meshBasicMaterial />
</mesh>

Viewport size abnormal change when browser window resize pmndrs/react-three-fiber#429 viewport(), calculates precise viewport bounds + distance

Current viewport is responsive to screen resize, that makes no sense because the viewport is reliant on the camera position. If the camera changes/moves, the last viewport is obsolete.

viewport.width/height/etc will still work as always, but calling it as a function gives you recalculated, fresh values.

const { viewport } = useThree()
const { width, height, factor, distance } = viewport(optionalTarget)

Fix crash with createPortal Fix crash with createPortal. pmndrs/react-three-fiber#435
Raytracing hover when canvas moved is wrong pmndrs/react-three-fiber#488 forceResize fn
Simplify useResource

const ref = useResource()

Xhr and error-boundary support for useLoader

Crashes in loaders were previously swallowed, these will now throw so that you can catch then properly with error-boundaries. You also can tap into the loading process.

useLoader(
  Loader,
  url,
  extensions, // optional
  xhr => console.log((xhr.loaded / xhr.total * 100) + '% loaded'), // optional
)

Primitives do not dispose

Primitives are objects that are created imperatively, they should not be freed or disposed of by r3f.

Previously:

return <primitive object={scene} dispose={null} />

V5:

return <primitive object={scene} />

In the unlikely case that you do want to dispose a primitive (i would be OK with not documenting that at all, primitives should normally not be touched by r3f):

return <primitive object={scene} dispose={undefined} />

Support for contextmenu & dblclick Extended Click Event Handlers pmndrs/react-three-fiber#530
addAfterEffects (for global before and after render effects) pmndrs/react-three-fiber@0307a13
Preloading assets

R3f uses use-asset instead of react-promise-suspense, which has better cache busting strategies and preload support.

import { useLoader } from "react-three-fiber"

useLoader.preload(GLTFLoader, url)

Configuration

📅 Schedule: At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box.

This PR has been generated by WhiteSource Renovate. View repository job log here.

Update dependency react-three-fiber to v6

c2e2fdd

renovate bot assigned hppRC May 9, 2021

github-actions bot added the dependencies label May 9, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update dependency react-three-fiber to v6 #250

Update dependency react-three-fiber to v6 #250

renovate bot commented May 9, 2021 •

edited

Loading

Update dependency react-three-fiber to v6 #250

Are you sure you want to change the base?

Update dependency react-three-fiber to v6 #250

Conversation

renovate bot commented May 9, 2021 • edited Loading

Release Notes

Configuration

renovate bot commented May 9, 2021 •

edited

Loading