fix(deps): update dependency react-three-fiber to v6 #45

renovate · 2021-05-09T21:05:53Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
react-three-fiber	`4.1.1` -> `6.0.13`

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>

[x]https://github.com/react-spring/react-three-fiber/issues/4299 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 createPortalhttps://github.com/react-spring/react-three-fiber/pull/4355
[x]https://github.com/react-spring/react-three-fiber/issues/4888 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 & dblclickhttps://github.com/react-spring/react-three-fiber/pull/5300
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.

fix(deps): update dependency react-three-fiber to v6

1587e8d

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix(deps): update dependency react-three-fiber to v6 #45

fix(deps): update dependency react-three-fiber to v6 #45

renovate bot commented May 9, 2021 •

edited

Loading

fix(deps): update dependency react-three-fiber to v6 #45

Are you sure you want to change the base?

fix(deps): update dependency react-three-fiber to v6 #45

Conversation

renovate bot commented May 9, 2021 • edited Loading

Release Notes

Configuration

renovate bot commented May 9, 2021 •

edited

Loading