File Upload Progress in ReactJS with React-Uploady

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/

• #science_technology
• #reactjs
• #hooks
• #file_upload
• #react
• #frontenddev
• #javascript