Build Image Preview Feature | React.JS + TypeScript Beginner Tutorial
Learn how to build an image preview with zoom controls using React.
Project repo: https://github.com/vincaslt/youtube-c...
🌟 Subscribe to my channel and FINALLY learn to build more than just a to-do list with React: / @vincasstonys
Here's the platform I recommend to learn Web Development online: https://www.educative.io/explore?aff=...
For more content:
Follow me on Twitter / vincasstonys
Read my blog at https://codefrontend.com
0:00 Intro
0:16 Set up the project
3:02 Implement file upload
7:39 Implement image preview
16:40 Implement 'fit to screen' feature
19:26 Improve zoom in/out feature
21:53 Finishing touches to the design
25:13 Outro
Tech used in this tutorial:
HTML / CSS
React.JS
TypeScript
Vite
Recommended VSCode extensions:
ESLint
Prettier
On this page of the site you can watch the video online Build Image Preview Feature | React.JS + TypeScript Beginner Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Vincas Stonys 05 November 2022, share the link with friends and acquaintances, this video has already been watched 3,444 times on youtube and it was liked by 109 viewers. Enjoy your viewing!
