Vite: The Death of Webpack? 😨

Поділитися
Вставка
  • Опубліковано 6 січ 2025

КОМЕНТАРІ • 107

  • @codedamn
    @codedamn  2 роки тому +11

    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!
    ⚛️ Check out codedamn's full-stack learning path: cdm.sh/fullstack
    ⚛️ Get started with web3 and decentralized technologies today: cdm.sh/web3

    • @yolla_4
      @yolla_4 2 роки тому +2

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

  • @JimmyBrioche
    @JimmyBrioche 2 роки тому +16

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

  • @ScanWs
    @ScanWs 2 роки тому +87

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

    • @fullstack_journey
      @fullstack_journey 2 роки тому +18

      More like veet

    • @privatelearning6825
      @privatelearning6825 2 роки тому +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
      @fullstack_journey 2 роки тому +2

      @@privatelearning6825 even I'm South Indian lol

    • @omarkarim9298
      @omarkarim9298 2 роки тому

      @@privatelearning6825 joker

    • @fullstack_journey
      @fullstack_journey 2 роки тому

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

  • @lathavoggu2639
    @lathavoggu2639 2 роки тому +4

    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.

  • @mma93067
    @mma93067 2 роки тому +23

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

    • @willinton06
      @willinton06 2 роки тому

      Actually it’s pronounced jit

    • @hyperprotagonist
      @hyperprotagonist 2 роки тому

      Actually it’s pronounced “sheet”

    • @e.informatique4996
      @e.informatique4996 2 роки тому +1

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

    • @LearnWithNeeraj777
      @LearnWithNeeraj777 2 роки тому

      Developers don't need to give a f about pronunciation

    • @e.informatique4996
      @e.informatique4996 2 роки тому +1

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

  • @LS-jv4uh
    @LS-jv4uh 6 місяців тому

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

  • @Ahmed-fq3kz
    @Ahmed-fq3kz Рік тому +1

    the whiteboard was really helpful, thanks

  • @copyninja_03
    @copyninja_03 2 роки тому +3

    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.

  • @rajan-u6b
    @rajan-u6b 2 роки тому +37

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

  • @johnm8358
    @johnm8358 2 роки тому +6

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

  • @RolandDavid-mu5ie
    @RolandDavid-mu5ie 3 місяці тому

    2yrs later. This is still the best explanation. Trust me i've checked😮‍💨

  • @ahmedidris305
    @ahmedidris305 2 роки тому +1

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

  • @yashchauhan5710
    @yashchauhan5710 2 роки тому

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

  • @sarder2008
    @sarder2008 2 роки тому +1

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

  • @PiyushSuthar
    @PiyushSuthar 2 роки тому +9

    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).

  • @itsmnthn
    @itsmnthn 2 роки тому

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

  • @omarkarim9298
    @omarkarim9298 2 роки тому +6

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

  • @marcus_leon
    @marcus_leon 2 роки тому

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

  • @sidwebworks9871
    @sidwebworks9871 2 роки тому +4

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

  • @Candyapplebone
    @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

  • @itsmnthn
    @itsmnthn 2 роки тому

    Great Videos you are making.

  • @Thejas2.0
    @Thejas2.0 2 роки тому +1

    Amazingly BUNDLED video!

  • @pratikbhange2757
    @pratikbhange2757 2 роки тому

    Wow I wasnt aware of this , great !!

  • @jahiddev
    @jahiddev 2 роки тому +2

    Vite + Vue 3 =

  • @mindiaedisherashvili5272
    @mindiaedisherashvili5272 2 роки тому

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

  • @oakleyorbit
    @oakleyorbit 2 роки тому +1

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

  • @truvc
    @truvc 2 роки тому +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.

  • @karsh24
    @karsh24 2 роки тому

    Really high quality video very useful

  • @rubenrao5082
    @rubenrao5082 2 роки тому +1

    Great explanation. Thankyou

    • @codedamn
      @codedamn  2 роки тому +1

      Glad it was helpful!

  • @whatsnewtamil4755
    @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

  • @ShubhamPatil-rr4on
    @ShubhamPatil-rr4on 2 роки тому

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

  • @siyaram2855
    @siyaram2855 2 роки тому

    Say something about bun, it is faster than esbuild

  • @jkirito_x256
    @jkirito_x256 2 роки тому +1

    amazing bundler, great explaination

  • @frankkevy
    @frankkevy 2 роки тому

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

  • @bramlachat2515
    @bramlachat2515 2 роки тому

    I watched this video till the end!

  • @niklausmikaelson7332
    @niklausmikaelson7332 2 роки тому

    I thought vite only provide start script

  • @ilyesshn3231
    @ilyesshn3231 2 роки тому

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

  • @axe-z8316
    @axe-z8316 2 роки тому +4

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

  • @SudeeptoDutta
    @SudeeptoDutta 2 роки тому +7

    It's pronounced as "Veet" 🙂

    • @ko-Daegu
      @ko-Daegu 2 роки тому +1

      true and translate to speed speed

  • @gentlecoder5167
    @gentlecoder5167 2 роки тому +1

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

  • @srkphotography2945
    @srkphotography2945 2 роки тому

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

  • @ubaidkhan426
    @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.

  • @AmmarOuds
    @AmmarOuds 2 роки тому

    Thank you dear

  • @gregorurbanek5146
    @gregorurbanek5146 3 місяці тому

    the spelling of vite is not as in white but is in witty (without the y) - mind you: vite is franch and meens fast

  • @ajalbani
    @ajalbani 2 роки тому

    Webpack is upping the ante with plugins like module federation

  • @mirrormirror5515
    @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
      @ashiqdey 2 роки тому +1

      you havent tried vite yet

  • @jaycodes8790
    @jaycodes8790 2 роки тому +1

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

  • @masoudesmaeilian5083
    @masoudesmaeilian5083 2 роки тому +1

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

  • @biswarupbouri3494
    @biswarupbouri3494 2 роки тому

    Next video on SWC ✌🏻

  • @hassamulhaq7762
    @hassamulhaq7762 2 роки тому

    Laravel is now officially use Vite.

  • @avinash-dhumal
    @avinash-dhumal 2 роки тому

    I watched video till the end...😅😅

  • @nkemjikaobi3962
    @nkemjikaobi3962 2 роки тому

    I watched this video till the end

  • @sagar_pawar27
    @sagar_pawar27 2 роки тому

    Module federation ?

  • @ianhamilton2723
    @ianhamilton2723 2 роки тому +1

    So Vite is just Angular Ivy

    • @relliv2019
      @relliv2019 2 роки тому

      also depracted with ng v13.

  • @jackypaulcukjati3186
    @jackypaulcukjati3186 2 роки тому

    Might as well say Rollup!

  • @zorozuro480
    @zorozuro480 2 роки тому +1

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

  • @hyperprotagonist
    @hyperprotagonist 2 роки тому

    White is great, it trumps Jetpack.

  • @fitfab
    @fitfab 2 роки тому

    BTW it's veet not wite

  • @Mauro0
    @Mauro0 2 роки тому

    I came to learn Vite and learned white instead xd

  • @oumardicko5593
    @oumardicko5593 2 роки тому

    Love it

  • @davishek7
    @davishek7 2 роки тому

    Technologies surviving for long time, random ytuber making fake videos for views, 'This technology is dead'.

  • @maxwatson9261
    @maxwatson9261 2 роки тому

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

  • @Observer-a11
    @Observer-a11 2 роки тому

    C'est vite, mon ami

  • @almobin9562
    @almobin9562 10 місяців тому

    Is he saying "White"?

  • @sourav_-_7038
    @sourav_-_7038 2 роки тому

    Vite doesnt support module federation

    • @zorozuro480
      @zorozuro480 2 роки тому

      It does, with vite plugin federation

  • @ikbo
    @ikbo 2 роки тому

    Veet not white 😁

  • @Bengadeer
    @Bengadeer 2 роки тому

    It's Veeeet

  • @gideonking3667
    @gideonking3667 2 роки тому

    Pronounced like veet - it's French for fast

  • @ishumitamohan9464
    @ishumitamohan9464 2 роки тому

    cool

  • @grahammiller7614
    @grahammiller7614 2 роки тому

    Parcel is also a great bundler

  • @badmanners1736
    @badmanners1736 2 роки тому +1

    The way you pronounce "T" hurts my ears.

  • @shawn-dsz
    @shawn-dsz 2 роки тому

    pronounced like wheet

  • @Pareshbpatel
    @Pareshbpatel Рік тому

    {2023-05-03}

  • @rexrex8664
    @rexrex8664 2 роки тому

    Veet

  • @ארטםמניאיילו
    @ארטםמניאיילו 2 роки тому

    Что этот индус себе возомнил?)

  • @rimzzlabs
    @rimzzlabs 2 роки тому

    it's vit not vaite lol

  • @AhmedIbrahim-fi2so
    @AhmedIbrahim-fi2so 2 роки тому

    clearly title is just for vues 🙂

  • @janardannn
    @janardannn Рік тому

    white, jus saying

  • @DerLuukee
    @DerLuukee 2 роки тому

    Veet