uppy/examples/react-example
2024-08-29 16:12:27 +02:00
..
App.tsx Pass container to UIPlugin.render for non-Preact integration (#5437) 2024-08-29 16:12:27 +02:00
index.html examples: make React example up-to-date (#5205) 2024-05-30 12:54:07 +02:00
main.tsx Pass container to UIPlugin.render for non-Preact integration (#5437) 2024-08-29 16:12:27 +02:00
package.json examples: make React example up-to-date (#5205) 2024-05-30 12:54:07 +02:00
README.md meta: enable prettier for markdown (#5133) 2024-05-02 11:35:55 +02:00
tsconfig.json examples: make React example up-to-date (#5205) 2024-05-30 12:54:07 +02:00
vite.config.js example: upgrade React example to use React 18 (#4002) 2022-08-22 20:02:49 +02:00

React example

This is minimal example created to demonstrate how to integrate Uppy in your React app.

To spawn the demo, use the following commands:

corepack yarn install
corepack yarn build
corepack yarn workspace @uppy-example/react dev

If you'd like to use a different package manager than Yarn (e.g. npm) to work with this example, you can extract it from the workspace like this:

corepack yarn workspace @uppy-example/react pack

# The above command should have create a .tgz file, we're going to extract it to
# a new directory outside of the Uppy workspace.
mkdir ../react-example
tar -xzf examples/react-example/package.tgz -C ../react-example --strip-components 1
rm -f examples/react-example/package.tgz

# Now you can leave the Uppy workspace and use the example as a standalone JS project:
cd ../react-example
npm i
npm run dev