Тёмный

Create and Deploy a Website with REACT and VITE in under 10 minutes 

DanCanCode
Подписаться 1,8 тыс.
Просмотров 53 тыс.
50% 1

If you have a website or app you'd like to make you can very quickly create a prototype with React and Vite. These single-page apps (SPAs) are easy to deploy (think drag and drop) on hosts like Netlify, often for FREE! With HTTPS encryption! This is about as simple as it gets if you want something interactive.
I also included a short section on adding unit testing to your app with Vitest, because I believe it is one of the more important things these project scaffolding tools can do for us.
You can also find me on:
Twitch: / dancancode
Twitter: / dancancode

Опубликовано:

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 29   
@akshanshkaushal9422
@akshanshkaushal9422 Год назад
getting 404 error
@Daniel_Msangi
@Daniel_Msangi 9 месяцев назад
I was stuck for hours at the build process,😢 and your tutorial made me realize the bug for my app is to cd into the right directory file. Thanks man!
@mycg-09
@mycg-09 7 месяцев назад
Thank you for introducing Vitest to me and at this stage. My teachers keep telling me testing is so important but most tutorials don't introduce this at the beginner level.
@shivakalash1170
@shivakalash1170 8 дней назад
Wrong video title 😅,u didn't actually create any website
@samuelkinyua8214
@samuelkinyua8214 11 месяцев назад
is the manual deploy the only way to deploy a Reactjs app created with vite ? please help
@OfoeNelson
@OfoeNelson 7 месяцев назад
Great video Dan but can you stop jump cutting whiles editing video that displays code because if someone is coding along they might miss just one step buried in the code somewhere and will wonder why they're code is breaking. I encourage you to only cut the video after you've typed the code in full don't cut to a fully typed line of code. Thanks and keep up the great work!
@ender1598
@ender1598 Год назад
Very simple and easy! Any chance of a similar video for Vite + React on AWS Amplify?
@amiesanyang
@amiesanyang 2 месяца назад
Nice tutorial but we did not create a website. we only deployed the vite sample page. But it does contain some other useful information.
@waleedmonim2372
@waleedmonim2372 Месяц назад
So the dist folder contains all our project files?
@joellozano-TurboMarketing
@joellozano-TurboMarketing 4 месяца назад
Hola, como hariamos esto dentro de un contenedor? como crear la imagen para desarrollar dentro del contenedor WSL?
@samlewis1433
@samlewis1433 10 месяцев назад
this is very good video but my brain cant handle this so im goona watch it again
@Venkateshganjiganji-qn2wm
@Venkateshganjiganji-qn2wm Год назад
Sir vite reactjs website playstore Ela patali client side serverside code
@luisbrazilva
@luisbrazilva Год назад
I get it. It's fast but why is everyone ignoring the huge security risk of exposing your API connections and key because it serves the JSX files in the network activity tab without masking them or encoding them.
@rafaelhernandez6632
@rafaelhernandez6632 Год назад
How would you mask or encode them onto this project?
@alephzero7808
@alephzero7808 7 месяцев назад
404 error 😢
@53strat55
@53strat55 Год назад
Which theme are you using?
@carlospen8413
@carlospen8413 Год назад
Thank you so much very simple and quick!
@VitorBonelli
@VitorBonelli 10 месяцев назад
Perfect tutorial! Learned even more than what i was looking for hehe
@kelechi.E
@kelechi.E Год назад
This was helpful, thank you.
@alechansen3036
@alechansen3036 Год назад
This was just what I needed. Thanks!
@DanCanCode
@DanCanCode Год назад
Glad it helped!
@truevoicenft
@truevoicenft Год назад
nice video! just to the point! great for practice
@joaovictorp.a6595
@joaovictorp.a6595 Год назад
Great video!
@subhodeepbasak9092
@subhodeepbasak9092 Год назад
Thank you for this video. This has helped me lot!!
@DanCanCode
@DanCanCode Год назад
Happy you found it helpful!
@zowieerickson2409
@zowieerickson2409 Год назад
This video helped me with deploying my first React site. Thanks a lot!
@DanCanCode
@DanCanCode Год назад
Glad it was helpful!
Далее
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 203 тыс.
ХОККЕЙНАЯ КЛЮШКА ИЗ БУДУЩЕГО?
00:29
Every React Concept Explained in 12 Minutes
11:53
Просмотров 672 тыс.
7 better ways to create a React app
7:08
Просмотров 548 тыс.
The Best Way to Host & Deploy a React Application
11:00
What is React.js? Get started with React using Vite
18:22
Getting started with Vite js + React js + Bootstrap
13:20
Vite in 100 Seconds
2:29
Просмотров 863 тыс.
Vite React App Deploy On GitHub | Step By Step
5:19
Просмотров 70 тыс.