Public
Edited
Jun 6
Fork of React 19
Importers
Insert cell
Insert cell
React = _importReactWithMap("react")
Insert cell
React.version
Insert cell
useEffect = React.useEffect
Insert cell
useState = React.useState
Insert cell
useContext = React.useContext
Insert cell
useRef = React.useRef
Insert cell
useMemo = React.useMemo
Insert cell
useCallback = React.useCallback
Insert cell
useImperativeHandle = React.useImperativeHandle
Insert cell
useReducer = React.useReducer
Insert cell
useId = React.useId
Insert cell
useTransition = React.useTransition
Insert cell
h = React.createElement
Insert cell
Fragment = React.Fragment
Insert cell
memo = React.memo
Insert cell
lazy = React.lazy
Insert cell
forwardRef = React.forwardRef
Insert cell
startTransition = React.startTransition
Insert cell
createContext = React.createContext
Insert cell
Suspense = React.Suspense
Insert cell
createFactory = React.createFactory
Insert cell
createElement = React.createElement
Insert cell
Insert cell
ReactDOM = _importReactWithMap("react-dom")
Insert cell
ReactDOM.version
Insert cell
createPortal = ReactDOM.createPortal
Insert cell
ReactDomClient = _importReactWithMap("react-dom/client")
Insert cell
createRoot = ReactDomClient.createRoot
Insert cell
Insert cell
jsx = htm.bind(createElement)
Insert cell
htm = (await _importReactWithMap("htm")).default
Insert cell
Insert cell
REACT_VERSION = '19.1.0'
Insert cell
importWithMap = import('https://esm.sh/dynamic-importmap@0.1.0').then(m => m.importWithMap)
Insert cell
REACT_IMPORT_MAP = Object.freeze({
"imports": {
"htm": "https://ga.jspm.io/npm:htm@3.1.1/dist/htm.module.js",
"react": `https://ga.jspm.io/npm:react@${REACT_VERSION}/dev.index.js`,
"react-dom": `https://ga.jspm.io/npm:react-dom@${REACT_VERSION}/dev.index.js`,
"react-dom/client": `https://ga.jspm.io/npm:react-dom@${REACT_VERSION}/dev.client.js`
},
"scopes": {
"https://ga.jspm.io/": {
"scheduler": "https://ga.jspm.io/npm:scheduler@0.26.0/dev.index.js"
}
}
})
Insert cell
_importReactWithMap = s => importWithMap(s, REACT_IMPORT_MAP)
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more