Vite: The Death of Webpack? 😨

Подписаться 418 тыс.

Просмотров 39 тыс.

0% 0

Vite has been catching a good momentum these days and is giving a rough time to Webpack. Do you think Vite will be the death of Webpack? Can it outshine the amazing bundler Webpack has been? In this video, let's discuss what Vite is, why it is better than Webpack and how you can make a switch!
Drop a comment and let us know if you've watched this video till the end!
⚛️ Do you want to become a full-stack web developer? Check out codedamn's full-stack learning path: cdm.sh/fullstack
⚛️ Get started with web3 and decentralized technologies today: cdm.sh/web3
Timestamps
0:00 Teaser
0:32 What is a Module bundler?
2:12 How WebPack work?
3:17 How does Vite work?
5:58 Difference between Vite & WebPack
7:04 Creating Vite Playground
9:07 Will Vite replace WebPack?
10:16 Outro
👉 Checkout codedamn on social:
Instagram: cdm.sh/ig
Twitter: cdm.sh/twt
Discord community: cdm.sh/discord
Facebook: cdm.sh/fb
GitHub: cdm.sh/github
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.
✨ Video Tags ✨
How to Shift to Vite from Webpack? | Vite vs Webpack
✨ Hashtags ✨
#vite #webpack #bundler #2022 #programming #react

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

2 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 105

@codedamn 2 года назад

@yolla_4 2 года назад

btw it's spelled like white but real pronounciation is veet

@AqibGatoo 2 года назад

The first thing vite documentation says that it is pronounced as "vit" not "white"

@fullstack_journey 2 года назад

More like veet

@privatelearning6825 2 года назад

South Indian pronounce v (“vee”) as “whee” It’s something that they have a hard time pronouncing just like Koreans can’t pronounce certain words

@fullstack_journey 2 года назад

@@privatelearning6825 even I'm South Indian lol

@omarkarim9298 2 года назад

@@privatelearning6825 joker

@fullstack_journey 2 года назад

And to add to your statement, some south indian languages however make it easier to pronounce other languages, like kannada.

@JimmyBrioche 2 года назад

I have to say that this is an excellent video. No messing around, straight into the information and really well explained. Nice work.

@codedamn 2 года назад

Glad :)

@lathavoggu2639 2 года назад

Earlier wasn't sure about these concepts. Now at least I can speak for a min on this. Thank you. I watched this video till the end.

@ESC.eatsleepcode 2 года назад

I really like parcel and vite over webpack( BTW its pronounce more like VEET/VIT).

@mma93067 2 года назад

I’m pretty sure its pronounced “v-it”. It means fast in french (im guessing since vue means view in french)

@willinton06 2 года назад

Actually it’s pronounced jit

@hyperprotagonist 2 года назад

Actually it’s pronounced “sheet”

@e.informatique4996 2 года назад

I'm french, and yes, it's "vee-tt"

@LearnWithNeeraj777 2 года назад

Developers don't need to give a f about pronunciation

@e.informatique4996 2 года назад

@@LearnWithNeeraj777 surprisingly, there is 4 developers actually caring for pronunciation right above your comment. So your statement is obviously false.

@LS-jv4uh День назад

Thank you for this. You are by far the best front-end tooling teacher and communicator I have come across.

@johnm8358 2 года назад

how about a follow up on how to replace an existing webpack project

@marcus_leon 2 года назад

Thanks for starting explaining where most people know before going advance onwards.

@Ahmed-fq3kz Год назад

the whiteboard was really helpful, thanks

@ahmedidris305 2 года назад

I watched this video till the end, Thanks for the elaborate explanation 🙏

@copyninja_03 2 года назад

I have been using Vite since the october of 2021 and o boi it's fast af and I have been wanting to share this with others. Now you did it. Thank you.

@codedamn 2 года назад

@sidwebworks9871 2 года назад

All good, just one thing 😂 it's pronounced as Veet, not Vite. Yeah ik an Core team member corrected me in their discord 😂

@Candyapplebone 2 года назад

My companies web Pak build for our multi page react application can sometimes take my computer six minutes to boot from cold with web pack. Can’t wait to try out using this verse I TE bundler thing during some sort of hack day when I can get a day to do whatever I want

@yashchauhan5710 Год назад

Soo there is no need for dynamic imports aka code splitting when you are building app with vite right ?

@Thejas2.0 2 года назад

Amazingly BUNDLED video!

@pratikbhange2757 2 года назад

Wow I wasnt aware of this , great !!

@jahiddev 2 года назад

Vite + Vue 3 =

@codestuff3685 2 года назад

It seems I cannot accept discord invite form the link mentioned in the video description

@sarder2008 2 года назад

Thanks for the nice explanation, the pronunciation is VIT (VEET) as per the developers. Thanks again...

@omarkarim9298 2 года назад

Why do you always have click bait titles for your vids, makes you look B tier compared to other RU-vid tuts channels, even tho your content is A tier

@whatsnewtamil4755 2 года назад

I tried out vite ..and it's blazing fast comapared to create react app ...thank you so much for intro vite to us

@codestuff3685 2 года назад

Great Videos you are making.

@PiyushSuthar 2 года назад

Looks like it'll soon overtake webpack. I've been using vite for all of my projects for more than a year now and the experience is smooth af. Also the space occupied on the disk by the vite project is less than webpack (atleast for preact/react).

@bramlachat2515 2 года назад

I watched this video till the end!

@jkirito_x256 2 года назад

amazing bundler, great explaination

@mindiaedisherashvili5272 Год назад

I watched this video till the end. It was very useful and interesting.

@DaLakersFan24 2 года назад

Really high quality video very useful

@AmmarOuds 2 года назад

Thank you dear

@rubenrao5082 2 года назад

Great explanation. Thankyou

@codedamn 2 года назад

Glad it was helpful!

@ShubhamPatil-rr4on 2 года назад

" If you new here live a like " background theme video has changed it's new one ♥️🔥

@ubaidkhan426 2 года назад

What webpack do in terminal, vite is doing in browser just sounds like a new fancy name. Of course vite has benefits of traspiling as we go but it does not really make huge difference, specially for projects that are not that big.

@oakleyorbit 2 года назад

I ran into some webpack problems a couple of weeks ago 😵🔫

@srkphotography2945 2 года назад

Yeah, I watched the video till end. And in the next project I definitely use Vite.

@frankkevy 2 года назад

I watched this video till the end and I don't regret it

@SudeeptoDutta 2 года назад

It's pronounced as "Veet" 🙂

@ko-Daegu 2 года назад

true and translate to speed speed

@oumardicko5593 2 года назад

Love it

@biswarupbouri3494 2 года назад

Next video on SWC ✌🏻

@axe-z8316 2 года назад

its pronouced V + eat .... not V + ight . VITE is french For FAST

@gentlecoder5167 2 года назад

The official docs says you need to pronounce it as "veet"

@siyaram2855 2 года назад

Say something about bun, it is faster than esbuild

@niklausmikaelson7332 2 года назад

I thought vite only provide start script

@nkemjikaobi3962 2 года назад

I watched this video till the end

@ilyesshn3231 2 года назад

React-router-dom doesn't work on Vite after building, This is a big issue

@ajalbani 2 года назад

Webpack is upping the ante with plugins like module federation

@mirrormirror5515 2 года назад

But actually working with webpack in dev mode is very fast too. Even in big project (like 50k sloc) re-build takes only a couple of seconds. And for production build there is no difference.

@ashiqdey Год назад

you havent tried vite yet

@avinash-dhumal 2 года назад

I watched video till the end...😅😅

@jackypaulcukjati3186 2 года назад

Might as well say Rollup!

@sagar_pawar27 Год назад

Module federation ?

@masoudesmaeilian5083 2 года назад

Hi thanks for your content, but the pronunciation is VIT not VAIT.

@ishumitamohan9464 2 года назад

cool

@jaycodes8790 2 года назад

Its veet(wheat) not white..... A french word means quick....

@hassamulhaq7762 2 года назад

Laravel is now officially use Vite.

@Observer-a11 2 года назад

C'est vite, mon ami

@Mauro0 2 года назад

I came to learn Vite and learned white instead xd

@Bengadeer 2 года назад

It's Veeeet

@sambitsahoo2700 2 года назад

Wrong it's not pronounced viite, it's vit

@ianhamilton2723 2 года назад

So Vite is just Angular Ivy

@relliv2019 2 года назад

also depracted with ng v13.

@hyperprotagonist 2 года назад

White is great, it trumps Jetpack.

@truvc 2 года назад

Would love to use Vite (pr. veet) but it doesn’t produce a manifest.json on dev mode so it’s unusable with my backend.

@fitfab 2 года назад

BTW it's veet not wite

@almobin9562 3 месяца назад

Is he saying "White"?

@maxwatson9261 2 года назад

Why you saying white, it's the French word thats pronounced Veet

@JoveJonovski 2 года назад

Webpack has been dead long ago, its been a long time since es modules are widely supported but webpack still lack of support for them, its also slowest bundler out there