andriajah Wed May 2022 1 year ago

Upload Progress and Loading Animation React Native

Check out on udemy: https://bit.ly/3vbA1LX

So far in this video series we saw that how we can create an api using node js and also we saw that we can create a simple project using react native. And we connect them to create a fullstack authentication app using node js and react native.

Now in this video we will see how we can create an upload progress while uploading image to our node js backend from our react native app using axios.

Also we will see how we can display loading animation while user is signing in or signing up. For that we will use lottie animation.

Want to support: https://ko-fi.com/ndpniraj

Complete PlayList:
https://www.youtube.com/playlist?list=PLaAoUJDWH9WrPXMOkqHHsPHxbhvRDqryM

Lottie Animation: https://lottiefiles.com/
The one I am using: https://lottiefiles.com/66731-loading#
react-native -progress: https://www.npmjs.com/package/react-native-progress
lottie-react-native: https://www.npmjs.com/package/lottie-react-native

Node Server: https://github.com/ndpniraj/react-native-auth-back-end
FrontEnd: https://github.com/ndpniraj/react-native-auth-app-front-end

My Monitor: https://amzn.to/33MnX5l
My Mic: https://amzn.to/3ok8qDg
My Phone: https://amzn.to/3uSB5Sj

#reactnative #nodejs #fullstack
react native tutorial react native mern stack project react native node js login react native node js signin react native node js mongodb react native node js authentication upload progress loading animation react native file upload progress