File Upload Progress in ReactJS with React-Uploady

Publié le: 10 novembre 2021
sur la chaîne: LiteraryCoder
1,062
12

In this tutorial I show a few techniques to easily display the upload progress in your ReactJS app.

We take advantage of several of the hooks Uploady exposes. The video goes through three parts - first we'll see how to quickly add progress info for an upload item using just a simple textual display. Next, we'll switch to a more visual progress indicator with a component from the rc-progress package.
For the third and last part, we'll learn how to add progress indicators for the batch specifically and each item within the batch separately.


Github Repo - https://github.com/rpldy/react-uploady
Tutorials Repo - https://github.com/rpldy/uploady-tuto...
Uploady on NPM - https://www.npmjs.com/package/@rpldy/...
useItemProgressListener Hook - https://github.com/rpldy/react-upload...

Please support React Uploady by giving it a star and by contributing on: https://opencollective.com/react-uploady


Content:

0:00 Intro
0:05 Agenda
1:15 Installation
1:25 First Part
2:54 Second Part
4:25 Third Part
7:01 Summary




*


You may not know this about me but I'm also an aspiring author. If you're interested, you can check out my sci-fi epic at: https://whitecloudsbook.com/


Sur cette page du site, vous pouvez voir la vidéo en ligne File Upload Progress in ReactJS with React-Uploady durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur LiteraryCoder 10 novembre 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 1,062 fois et il a aimé 12 téléspectateurs. Bon visionnage!