🐶🔥 A collection of escape hatches for React.
Full Changelog: https://github.com/pmndrs/its-fine/compare/v1.0.7...v1.0.8
Full Changelog: https://github.com/pmndrs/its-fine/compare/v1.0.6...v1.0.7
Full Changelog: https://github.com/pmndrs/its-fine/compare/v1.0.5...v1.0.6
Full Changelog: https://github.com/pmndrs/its-fine/compare/v1.0.4...v1.0.5
Full Changelog: https://github.com/pmndrs/its-fine/compare/v1.0.3...v1.0.4
Full Changelog: https://github.com/pmndrs/its-fine/compare/v1.0.2...v1.0.3
Full Changelog: https://github.com/pmndrs/its-fine/compare/v1.0.1...v1.0.2
Full Changelog: https://github.com/pmndrs/its-fine/compare/v1.0.0...v1.0.1
This release implements a <FiberProvider />
component that binds calls to useFiber
to the React Fiber tree. This ensures that components get a consistent reference to their respective Fiber regardless of their environment. As such, its-fine is now stable and the API has matured.
Note: pmndrs renderers like react-three-fiber implement this internally to make use of
useContextBridge
, so you would only need this when using hooks inside ofreact-dom
orreact-native
.
import * as ReactDOM from 'react-dom/client'
import { FiberProvider } from 'its-fine'
function App() {
const fiber = useFiber()
}
createRoot(document.getElementById('root')!).render(
<FiberProvider>
<App />
</FiberProvider>,
)
Full Changelog: https://github.com/pmndrs/its-fine/compare/v0.2.1...v1.0.0
Full Changelog: https://github.com/pmndrs/its-fine/compare/v0.2.0...v0.2.1