STOP Wasting Time! Your Next App Needs Vite! | JS, Typescript, React

Your Next App Needs Vite! As a developer, you want efficient dev tools and set up time is often both redundant and inefficient. Vite provides "Next Generation Frontend Tooling" to speed up your project set up time and help get you to the part you like: writing code!

🚀 Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

Your Next App Project Needs Vite!

(00:00) Intro
(00:18) Welcome
(00:39) Vite - pronounced Veet
(01:28) Create a Project with Vite
(03:51) Exploring the Project Files
(05:57) Create a React + TS Project with Vite
(08:36) Docs: Deployment & Env Variables
(09:47) Overall Verdict for Vite

📚 Tutorial References:

⚙ Web Dev Tools:

Was this introduction to Vite helpful? If so, please share. Let me know your thoughts in the comments.

#vite #web #app

[DaveGrayTeachesCode]

Ahhh this video was supposed to post on Tuesday but I must have missed changing the date. All links and resources are now available in the description. 🚀

[ScriptRaccoon]

What makes Vite so cool is that it immediately updates your changes in the browser. The browser doesn't even need to refresh! So sometimes (for some reason not always) the data from the browser even remains (such as text inputs). This is made possible by HMR - hot module replacement.

[harag]

Recently new to the channel going through your react series as I'm a very old school front end developer (html, JQuery). But work has asked me to take over a react project. Vite looks very easy to setup too. Great video and thanks for all the tutorials, they are really easy to follow!

[ashharkausar]

That's quick! In your career as an engineer can you give an example or 2 of projects that really challenged you? Was it an ecommerce site you built for someone? Perhaps you were creating some sort content management system or webdev tools such as an ORM. Sky is the limit for this question.

[SZaferUlgur]

Great job.. The installation process was really tiring. Thank you so much.

[chirag-sgkd]

@Dave Gray I have a question as they say browser can't understand typescript it can only understand JavaScript then how we are writing .ts in our script tag in HTML file.

[resulabdulla]

thanks you bro, This is awesome toolkit

[funtrap]

I have issue
While save local host not re rendering
I search in stack over flow then I added plugin in vite.config file even though it not resolved
Please Share the solution

[konidoniravirr]

You have a really good voice that i blindly subscribed. Thank you for this big video.😄

[sergeantsausage]

I was surprised how easy it was to set up a full typescript react project. I was dreading setting up my webpack project, then i tried vite on a whim and was completely up and running in a few minutes.

[gilbertardila]

Forget about Webpack, no more complications vite is wonderful!!!

[nemzyxt]

Great content here, thanks for the video!

[bkatsevych]

Thanks a lot for another great video! Keep up the good work!

[siosaiafonua]

The question is, do i choose between VITE or Nextjs? I want to build a full stack big app

[sherifashraf]

Keep it up. You are doing a great job.❤

[codernerd]

💯 Vite is amazing just like this video!

[abdulazeez.]

I have been hearing about Vite lately, this video made my mind to change to it!

[virgiliogervacioestadillo]

Hi Dave! Can you make another tutorial with the addition of integrating jest or vite, react testing library and eslint so that it would be easy for us to use it in our future projects.

[dzcxfpi]

how to take build by rectifying errors and warnings in vite also ts

[NathanBudd]

I missunderstood this... how do you use Vite with NextJS?