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
