Build and Deploy a React Application with Vite, Typescript, SCSS and Vercel - Advice Slip API
In this beginner-friendly tutorial, we'll walk you through the process of building a React Life Advice Generator App using Vite, Typescript, SCSS, and Vercel. If you're new to React development, this video is perfect for you. We'll start from scratch and guide you step by step, explaining each concept and technique along the way using the 'advice slip API'. By the end, you'll have a solid understanding of how to create a dynamic web application and deploy it using Vercel. Join us now and gain hands-on experience in React while building a useful app!
0:00 Intro
1:38 Bismuth React starter template
2:10 App setup
5:45 Fetch API Handler
13:06 Using data in UI
14:45 Refresh button
15:33 Styling App
18:30 Loading State
20:40 Spinner component
23:22 Deploy to Vercel
24:47 Outro
LINKS 🔗
► https://github.com/thehashton/Bismuth
► https://api.adviceslip.com/advice
► https://github.com/thehashton/lifeadvice
💬 Join us on our discord here:
► / discord
Visit our website:
► https://www.curiousbyte.dev
FOLLOW ✅
► / thehashton
► / curious_byte
SUPPORT THE CHANNEL ❤️
► https://www.buymeacoffee.com/curiousbyte
#frontend #webdev #developer #javascript #typescript #webdevelopment
Watch video Build and Deploy a React Application with Vite, Typescript, SCSS and Vercel - Advice Slip API online without registration, duration hours minute second in high quality. This video was added by user Curious Byte 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,348 once and liked it 28 people.