Vite: The Death of Webpack? 😨

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 106

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

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

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

    • @codedamn
      @codedamn  2 ปีที่แล้ว +1

      Glad :)

  • @rajan-u6b
    @rajan-u6b 2 ปีที่แล้ว +37

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

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

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

  • @johnm8358
    @johnm8358 2 ปีที่แล้ว +6

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

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

  • @Ahmed-fq3kz
    @Ahmed-fq3kz ปีที่แล้ว +1

    the whiteboard was really helpful, thanks

  • @LS-jv4uh
    @LS-jv4uh 5 หลายเดือนก่อน

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

  • @RolandDavid-mu5ie
    @RolandDavid-mu5ie หลายเดือนก่อน

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

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

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

  • @omarkarim9298
    @omarkarim9298 2 ปีที่แล้ว +6

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

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

  • @ahmedidris305
    @ahmedidris305 2 ปีที่แล้ว +1

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

  • @sarder2008
    @sarder2008 2 ปีที่แล้ว +1

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

  • @yashchauhan5710
    @yashchauhan5710 2 ปีที่แล้ว

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

  • @jahiddev
    @jahiddev 2 ปีที่แล้ว +2

    Vite + Vue 3 =

  • @marcus_leon
    @marcus_leon 2 ปีที่แล้ว

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

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

  • @SudeeptoDutta
    @SudeeptoDutta 2 ปีที่แล้ว +7

    It's pronounced as "Veet" 🙂

    • @ko-Daegu
      @ko-Daegu 2 ปีที่แล้ว +1

      true and translate to speed speed

  • @codestuff3685
    @codestuff3685 2 ปีที่แล้ว

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

  • @Thejas2.0
    @Thejas2.0 2 ปีที่แล้ว +1

    Amazingly BUNDLED video!

  • @ShubhamPatil-rr4on
    @ShubhamPatil-rr4on 2 ปีที่แล้ว

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

  • @mindiaedisherashvili5272
    @mindiaedisherashvili5272 2 ปีที่แล้ว

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

  • @axe-z8316
    @axe-z8316 2 ปีที่แล้ว +4

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

  • @pratikbhange2757
    @pratikbhange2757 2 ปีที่แล้ว

    Wow I wasnt aware of this , great !!

  • @srkphotography2945
    @srkphotography2945 2 ปีที่แล้ว

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

  • @oakleyorbit
    @oakleyorbit 2 ปีที่แล้ว +1

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

  • @codestuff3685
    @codestuff3685 2 ปีที่แล้ว

    Great Videos you are making.

  • @karsh24
    @karsh24 2 ปีที่แล้ว

    Really high quality video very useful

  • @gentlecoder5167
    @gentlecoder5167 2 ปีที่แล้ว +1

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

  • @frankkevy
    @frankkevy 2 ปีที่แล้ว

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

  • @rubenrao5082
    @rubenrao5082 2 ปีที่แล้ว +1

    Great explanation. Thankyou

    • @codedamn
      @codedamn  2 ปีที่แล้ว +1

      Glad it was helpful!

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

  • @bramlachat2515
    @bramlachat2515 2 ปีที่แล้ว

    I watched this video till the end!

  • @jkirito_x256
    @jkirito_x256 2 ปีที่แล้ว +1

    amazing bundler, great explaination

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

  • @ianhamilton2723
    @ianhamilton2723 2 ปีที่แล้ว +1

    So Vite is just Angular Ivy

    • @relliv2019
      @relliv2019 2 ปีที่แล้ว

      also depracted with ng v13.

  • @ajalbani
    @ajalbani 2 ปีที่แล้ว

    Webpack is upping the ante with plugins like module federation

  • @siyaram2855
    @siyaram2855 2 ปีที่แล้ว

    Say something about bun, it is faster than esbuild

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

  • @hassamulhaq7762
    @hassamulhaq7762 2 ปีที่แล้ว

    Laravel is now officially use Vite.

  • @AmmarOuds
    @AmmarOuds 2 ปีที่แล้ว

    Thank you dear

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

  • @jaycodes8790
    @jaycodes8790 2 ปีที่แล้ว +1

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

  • @nkemjikaobi3962
    @nkemjikaobi3962 2 ปีที่แล้ว

    I watched this video till the end

  • @gregorurbanek5146
    @gregorurbanek5146 2 หลายเดือนก่อน

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

  • @sambitsahoo2700
    @sambitsahoo2700 2 ปีที่แล้ว +1

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

  • @biswarupbouri3494
    @biswarupbouri3494 2 ปีที่แล้ว

    Next video on SWC ✌🏻

  • @masoudesmaeilian5083
    @masoudesmaeilian5083 2 ปีที่แล้ว +1

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

  • @jackypaulcukjati3186
    @jackypaulcukjati3186 2 ปีที่แล้ว

    Might as well say Rollup!

  • @hyperprotagonist
    @hyperprotagonist 2 ปีที่แล้ว

    White is great, it trumps Jetpack.

  • @avinash-dhumal
    @avinash-dhumal 2 ปีที่แล้ว

    I watched video till the end...😅😅

  • @Mauro0
    @Mauro0 2 ปีที่แล้ว

    I came to learn Vite and learned white instead xd

  • @oumardicko5593
    @oumardicko5593 2 ปีที่แล้ว

    Love it

  • @sagar_pawar27
    @sagar_pawar27 2 ปีที่แล้ว

    Module federation ?

  • @fitfab
    @fitfab 2 ปีที่แล้ว

    BTW it's veet not wite

  • @Observer-a11
    @Observer-a11 2 ปีที่แล้ว

    C'est vite, mon ami

  • @davishek7
    @davishek7 2 ปีที่แล้ว

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

  • @sourav_-_7038
    @sourav_-_7038 2 ปีที่แล้ว

    Vite doesnt support module federation

    • @sambitsahoo2700
      @sambitsahoo2700 2 ปีที่แล้ว

      It does, with vite plugin federation

  • @maxwatson9261
    @maxwatson9261 2 ปีที่แล้ว

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

  • @almobin9562
    @almobin9562 8 หลายเดือนก่อน

    Is he saying "White"?

  • @Bengadeer
    @Bengadeer 2 ปีที่แล้ว

    It's Veeeet

  • @ishumitamohan9464
    @ishumitamohan9464 2 ปีที่แล้ว

    cool

  • @gideonking3667
    @gideonking3667 2 ปีที่แล้ว

    Pronounced like veet - it's French for fast

  • @ארטםמניאיילו
    @ארטםמניאיילו 2 ปีที่แล้ว

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

  • @ikbo
    @ikbo 2 ปีที่แล้ว

    Veet not white 😁

  • @Pareshbpatel
    @Pareshbpatel ปีที่แล้ว

    {2023-05-03}

  • @shawn-dsz
    @shawn-dsz 2 ปีที่แล้ว

    pronounced like wheet

  • @AhmedIbrahim-fi2so
    @AhmedIbrahim-fi2so 2 ปีที่แล้ว

    clearly title is just for vues 🙂

  • @grahammiller7614
    @grahammiller7614 2 ปีที่แล้ว

    Parcel is also a great bundler

  • @badmanners1736
    @badmanners1736 2 ปีที่แล้ว +1

    The way you pronounce "T" hurts my ears.

  • @rimzzlabs
    @rimzzlabs 2 ปีที่แล้ว

    it's vit not vaite lol

  • @rexrex8664
    @rexrex8664 2 ปีที่แล้ว

    Veet

  • @janardannn
    @janardannn ปีที่แล้ว

    white, jus saying

  • @DerLuukee
    @DerLuukee 2 ปีที่แล้ว

    Veet