uppy/examples/react-example
dependabot[bot] daf22447d4
build(deps-dev): bump vite from 5.4.8 to 5.4.12 (#5614)
Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.4.8 to 5.4.12.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/v5.4.12/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v5.4.12/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2025-01-23 14:29:17 +01: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 build(deps-dev): bump vite from 5.4.8 to 5.4.12 (#5614) 2025-01-23 14:29:17 +01: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