Skip to content

PRO TIP Block youtube.com at the DNS level โ€” Pi-hole, NextDNS or your hosts file โ€” but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

ReactJS Tutorial 3 : Create React App Using VITE

122K views on YouTube

๐Ÿ”ง Building a React app and need a backend?
Learn FastAPI โ€” the modern Python backend that pairs perfectly with React.
โœ… JWT Authentication, OAuth, REST APIs โ€” everything your React app needs.
๐Ÿ‘‰ FastAPI Complete Course (limited discount): https://www.udemy.com/course/fastapi-course-python/?couponCode=YOUTUBE2026

๐Ÿ“ฆ Also check out:
โ€ข Django Masterclass (44hrs, 9 real projects): https://www.udemy.com/course/django-course/?couponCode=YOUTUBE2026
โ€ข Python Masterclass 2026 (80hrs):https://www.udemy.com/course/python-masterclass-course/?couponCode=YOUITUBE2026

โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ This is how to create a React app using Vite.

Firstly, create a react project using Vite.

Create a folder on desktop and open it up in vscode.

Open terminal in vscode and type in

“npm create vite@4.1.0“`

Run the project from VS code instead of the terminal.

Back in the day we used to create React applications using the create react app (CRA) tool which is no longer the suggested way to create React apps, instead we now use Vite which is a much faster tool to create React applications.

Entire React Playlist: https://www.youtube.com/watch?v=MHn66JJH5zs&list=PLSsAz5wf2lkKm0BG9wUWWSgYWBzDa-dFs&pp=gAQBiAQB