mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-18 00:55:35 +00:00
075636a3b3
it was added in #5935 but no explanation of why. if you look at the build output of for example `packages/@uppy/react/lib/headless/generated/Dropzone.js`: ```js import { jsx as _jsx } from "react/jsx-runtime"; // This file was generated by build-components.mjs // ANY EDITS WILL BE OVERWRITTEN! import { Dropzone as PreactDropzone, } from '@uppy/components'; import { h as preactH, render as preactRender } from 'preact'; // biome-ignore lint/correctness/noUnusedImports: it's needed import { createElement as h, useContext, useEffect, useRef } from 'react'; import { UppyContext } from '../UppyContextProvider.js'; export default function Dropzone(props) { const ref = useRef(null); const ctx = useContext(UppyContext); useEffect(() => { if (ref.current) { preactRender(preactH(PreactDropzone, { ...props, ctx, }), ref.current); } }, [ctx, props]); return _jsx("div", { ref: ref }); } ``` as can be seen there is no usage of `h`. `import { jsx as _jsx } from "react/jsx-runtime";` is being injected for React JSX. see also https://github.com/transloadit/uppy/pull/5896#issuecomment-3169210799 |
||
|---|---|---|
| .. | ||
| src | ||
| .npmignore | ||
| CHANGELOG.md | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| tsconfig.build.json | ||
| tsconfig.json | ||
| turbo.json | ||
@uppy/react
React component wrappers around Uppy’s officially maintained UI plugins.
Uppy is being developed by the folks at Transloadit, a versatile file encoding service.
Example
/** @jsx React */
import React from 'react'
import Uppy from '@uppy/core'
import { DashboardModal } from '@uppy/react'
const uppy = new Uppy()
class Example extends React.Component {
state = { open: false }
render() {
const { open } = this.state
return (
<DashboardModal
uppy={uppy}
open={open}
onRequestClose={this.handleClose}
/>
)
}
// ..snip..
}
Installation
$ npm install @uppy/react
Alternatively, you can also use this plugin in a pre-built bundle from
Transloadit’s CDN: Smart CDN. In that case Uppy will attach itself to the
global window.Uppy object. See the
main Uppy documentation for instructions.
Documentation
Documentation for this plugin can be found on the Uppy website.