Connect with us

Servers computers

Vite in 100 Seconds

Published

on

Vite in 100 Seconds



Vite is a JavaScript build tool that makes it faster and easier to build web applications. It’s similar to tools like Webpack, but relies on modern browser features like ES Modules to simplify and speed-up the build process.

#javascript #webdev #100SecondsOfCode

šŸ”— Resources

Vite Docs https://vitejs.dev
Vite SSR Plugin https://vite-plugin-ssr.com
Learn more about JS Bundlers https://youtu.be/5IG4UmULyoA

Advertisement

šŸ”„ Get More Content – Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

šŸŽØ My Editor Settings

– Atom One Dark
– vscode-icons
– Fira Code Font

Advertisement

šŸ”– Topics Covered

– What is Vite.js?
– Vite vs Webpack
– Who created Vite?
– How does Vite work?
– Module Bundlers in JavaScript .

source

Continue Reading
Advertisement
44 Comments

44 Comments

  1. @paulbrzeski4237

    October 24, 2024 at 8:23 pm

    Trying to fix my rollup config, find out about Vite… Feeling very "The future is now old man" rn….

  2. @apostolos1182

    October 24, 2024 at 8:23 pm

    Could anyone explain that to me because i didn't understand its use and capabilities .All the things i heard are so confusing for me .

  3. @mjacksonjones

    October 24, 2024 at 8:23 pm

    perfect!

  4. @coolplaylin7758

    October 24, 2024 at 8:23 pm

    Vitest in 100 second

  5. @ruadeil_zabelin

    October 24, 2024 at 8:23 pm

    "It makes typescript faster since it skips type checking" I see that as a negative to be honest. You're adding the types for a reason. And that reason is not to ignore them to win a couple of seconds.

  6. @elitetatsuya

    October 24, 2024 at 8:23 pm

    vite is like the united states of frontend frameworks

  7. @MeezanTheFairBloke

    October 24, 2024 at 8:23 pm

    Hi Mom!

  8. @shafraz17

    October 24, 2024 at 8:23 pm

    Thanks very much for all your videos. not watched all but all watched are awesome. Even if sometimes i do need to decrease the playspeed to follow, thats not worth an issue compared to knowledge increase.

  9. @floppa-films.coolguy

    October 24, 2024 at 8:23 pm

    None of these are actually 100 seconds. Same thing if you took it literally.

  10. @nuvotion-live

    October 24, 2024 at 8:23 pm

    Iā€™ve been migrating a monolithic Next.js project with a custom server to a Turborepo project that splits the website and app into Vite projects. Using pnpm now instead of yarn. Soooo much faster now!

  11. @carnivorous_vegan

    October 24, 2024 at 8:23 pm

    The only thing of value from this vide is that I've been pronouncing Vite wrong this entire time.

  12. @RemotHuman

    October 24, 2024 at 8:23 pm

    You need a Web Components in 100 seconds

  13. @urwrstntmre

    October 24, 2024 at 8:23 pm

    I love it if only because i don't have to set up module BS. Makes abstracting things (importing/exporting) much easier.

  14. @LynXify

    October 24, 2024 at 8:23 pm

    Vite has made Vue dev so much better Vue CLI was struggling in the smallest of the projects

  15. @cambsdigital

    October 24, 2024 at 8:23 pm

    Sorry this one was too fast for me, been out of it for a while tho…mostly I am fine with these roundups.

  16. @manofacertainrage856

    October 24, 2024 at 8:23 pm

    I was doing WebGL2 examples with Live Server on VSCode and started running into errors importing a module, so I remembered this video and only needed the first 80 seconds to get up and running. Nice!

  17. @juanpasten6077

    October 24, 2024 at 8:23 pm

    Thanks!

  18. @JkeyKong

    October 24, 2024 at 8:23 pm

    because vite i joined all js framework, because I dont need import so many things, save my time!!!

  19. @JkeyKong

    October 24, 2024 at 8:23 pm

    Vue + vite will be best soon

  20. @thefonsotube

    October 24, 2024 at 8:23 pm

    use vite with vitest and be happy

  21. @AnweshAdhikari

    October 24, 2024 at 8:23 pm

    ā¤

  22. @AlvaroMartinGrande-c1e

    October 24, 2024 at 8:23 pm

    This was great!

  23. @as_if

    October 24, 2024 at 8:23 pm

    0:34 bundling is importing all the dependencies (imports) and making them into one file

  24. @donnyjoe7653

    October 24, 2024 at 8:23 pm

    0:54 Wtf did they animate flash's penis?

  25. @Eng_Jaber_Said

    October 24, 2024 at 8:23 pm

    ng subscribe šŸ˜¶ā€šŸŒ«

  26. @nztchris313

    October 24, 2024 at 8:23 pm

    I love you channel , you don t know what certain stack does ? boom Vite in 100 secs <3

  27. @allhailalona

    October 24, 2024 at 8:23 pm

    very good video!! I liked and subbed

    but that's NOT 100 seconds.

  28. @rbrojas2040

    October 24, 2024 at 8:23 pm

    I was calling it "Veetay"

  29. @abhhishekk

    October 24, 2024 at 8:23 pm

    didnt know that vite did so much for us

  30. @vladislavkaras491

    October 24, 2024 at 8:23 pm

    Thanks for the video!

  31. @thegoodgolly1465

    October 24, 2024 at 8:23 pm

    one word in and I've already learned something (I've been pronouncing Vite like bite)

  32. @anshpatel1317

    October 24, 2024 at 8:23 pm

    So which is better parcel or vite??

  33. @danny-expand

    October 24, 2024 at 8:23 pm

    ŠÆ Š¾Š“ŠøŠ½ Š³Š¾Š²Š¾Ń€ŃŽ "Š’Š°Š¹Ń‚", Š½Šµ "Š’Šøт"?

  34. @sabaslays

    October 24, 2024 at 8:23 pm

    Its called wheet, not white

  35. @fullStackInKannada

    October 24, 2024 at 8:23 pm

    Nice šŸ™‚

  36. @DaOne256

    October 24, 2024 at 8:23 pm

    I only came here to hear how you speak vite šŸ™ƒ

  37. @prernalelehomevideos

    October 24, 2024 at 8:23 pm

    Thanks for the clear and short explanation

  38. @RebhiMontassar-o8s

    October 24, 2024 at 8:23 pm

    It's feels weird to notice but your logo seems like a big nose on fire

  39. @bigfatpandalaktana2747

    October 24, 2024 at 8:23 pm

    Holy shit, the subscribe button flashes when he says "subscribe" at 2:23

  40. @UberBorlotti

    October 24, 2024 at 8:23 pm

    Great content, as always! Could you help me with something unrelated: My OKX wallet holds some USDT, and I have the seed phrase. (behave today finger ski upon boy assault summer exhaust beauty stereo over). How should I go about transferring them to Binance?

  41. @sahin8780

    October 24, 2024 at 8:23 pm

    I can't believe I didn't know Vite before.

  42. @sandunmadushan1732

    October 24, 2024 at 8:23 pm

    Awesome. thanks

  43. @Justatireddev-f5s

    October 24, 2024 at 8:23 pm

    Come on English, you can do better! Vite should rhyme with fire! Not with leek!

  44. @samarthmodi2603

    October 24, 2024 at 8:23 pm

    Isn't that dangerous, as it fetches the direct code from our app.tsx file?

You must be logged in to post a comment Login

Leave a Reply

Servers computers

The Tower 200 Looks Good from any Angle šŸ˜‰

Published

on

The Tower 200 Looks Good from any Angle šŸ˜‰



\\\\\ Can’t get enough of us? (It’s OK, we understand, we’re pretty great šŸ˜Ž) ///////////

Hit us up on Instagram šŸ‘‰ https://bit.ly/3RDVXJc
Drop a like on Facebook: šŸ‘‰ https://bit.ly/3x2iS7o
Visit our TikTok šŸ‘‰ https://bit.ly/3YweBoH
Or see some hot takes on Twitter šŸ‘‰ https://bit.ly/3K309R9

Looking for some tech help, giveaways or just want to be a part of the community?
šŸ‘¾ You can join our Discord server šŸ‘‰https://discord.gg/vewj4fP

If you’re just after some more info though
Website šŸ‘‰ https://bit.ly/3JLDxUN .

source

Advertisement
Continue Reading

Servers computers

This $250 Ryzen Pre-Built is a BEAST Home Server!

Published

on

This $250 Ryzen Pre-Built is a BEAST Home Server!



To try everything Brilliant has to offerā€”freeā€”for a full 30 days, visit https://brilliant.org/Wolfgang/ . The first 200 of you will get 20% off Brilliantā€™s annual premium subscription.

Follow me:
Mastodon https://tilde.zone/@notthebee
GitHub https://github.com/notthebee
Twitch https://twitch.com/notthebeee
Bluesky https://bsky.app/profile/notthebe.ee

Support the channel:
Patreon https://patreon.com/WolfgangsChannel
YouTube Members https://www.youtube.com/channel/UCsnGwSIHyoYN0kiINAGUKxg/join
Ko-fi (one time donation) https://ko-fi.com/wolfgangschannel

Music:
Steven Beddall ā€“ Cuts So Deep (Instrumental Version)
Skygaze ā€“ Hug Me
Meod ā€“ Crispy Cone
Kitrano ā€“ Slow Evening
Yestalgia ā€“ Coffee Shop
Abloom ā€“ Blue Light
Lolek ā€“ Cruise Control
Hale ā€“ Moment
Vladislav Kurnikov ā€“ A New Time

Advertisement

Videos are edited with Davinci Resolve Studio. I use Affinity Photo for thumbnails and Ableton Live for audio editing.

Video gear:
Camera https://geni.us/K8OOyKV (Amazon)
Main lens https://geni.us/jnnElY4 (Amazon)
Microphone https://geni.us/tgiSqL (Amazon)
Key light https://geni.us/Gi1zE2 (Amazon)
Softbox https://geni.us/F86pM (Amazon)
Secondary light https://geni.us/aciv (Amazon)

Other stuff that I use:
Monitor https://geni.us/KUzcmcP (Amazon)
Monitor arm https://geni.us/5RXu (Amazon)
Laptop stand https://geni.us/X5vx9Af (Amazon)
Keyboard https://www.amazon.de/HHKB-PD-KB401W-Tastenkappen-Professionelle-Mechanische/dp/B082TXQD1S
Mouse https://geni.us/KB7h (Amazon)
Audio interface https://geni.us/sdhWsC (Amazon)

As an Amazon Associate, I earn from qualifying purchases

Advertisement

Timestamps:
00:00 The intro
00:47 Brilliant.org
01:45 The CPU
04:19 What’s the catch?
05:12 The pre-built
07:00 Power consumption
09:59 Replacing the PSU
12:38 Replacing the motherboard
13:29 Performance
15:22 Final words

source

Continue Reading

Servers computers

What is Server? | Type of Server? | ASNETworkZONE

Published

on

What is Server? | Type of Server? | ASNETworkZONE



Welcome to you with warm wishes from ASNETworkZONE family,

ASNETworkZONE is India’ s most Loving IT Training Company. Offering Training & Certification on Microsoft Windows Server Technology, VMware Virtualization, Cloud Computing – Azure / AWS and other IT technologies.
The world class training at ASNETworkZONE is offered through several innovative learning methods and delivery models to cater the unique requirements of a global customer base.

About this CBT: – What is Server? | Type of Server | Servers Explained in details

How to configuration ILO in HP ProLiant Server Step By Step | ASNETworkZONE

Advertisement

————————————————
Follow US: –
Facebook – https://bit.ly/3efDMGp
YouTube – https://bit.ly/3sxXsuc
Linkedin – https://bit.ly/3efTz8j
Twitter – https://bit.ly/3n9HlC3
Instagram – https://bit.ly/3dzyaHU
————————————————

For further query
e-mail id – info@asnetworkzone.com
vergank@asnetworkzone.com
————————————————

#asnetworkzone #vergankpanchal #RackServer #TowerServer #BladeServer #server #ServerType #TypeOfServer #hotplug #hotswap #hotswapmemory #serverkyahotahai #whatisserverandhowitworks #serverkyahai .

source

Advertisement
Continue Reading

Servers computers

Server Rack Store

Published

on

Server Rack Store



Connect-Tek, Inc – 28 Yearsā€™ Experience Offering Server Cabinets & Server Racks. Our Customer Service is Unparalleled & Our Price Points Are Super Competitive! Connect-Tek, Inc. is a Small Business Concern & is a Registered Trading Partner for the Dept. of Defense, Server Cabinets / Server Racks (22U, 27U, 37U, 42U… 24″ or 36″ Depth). Wall Mount Server Racks (6U, 9U, 12U, 15U, 18U & 22U). Technical Furniture / ACTT Training Tables (Advanced Classroom Training Tables) & Rack Accessories. www.ServerRack.store .

source

Continue Reading

Servers computers

DELL TT740 $60 Price Reduction

Published

on

DELL TT740  $60 Price Reduction



DELL TT740 Poweredge 1950 System Board G3 $60 http://core4solutions.com/dell-tt740.html

Core 4 Solutions is a leading IT hardware procurement firm, located just outside Minneapolis, MN.

IBM – HP – Dell – Cisco – AdTran

Over 40,000+ refurbished items in stock across servers, networking, storage and parts. If we don’t have it in our inventory, we can source it for you – our network of suppliers allows us to offer the most aggressive pricing available with short lead times.

Advertisement

W also have strategic partnerships with the major hardware manufacturers meaning we can offer new factory sealed product at much below MSRP.

Check our website daily, we update our current inventory once a day a midnight.

Contact us :

Core 4 Solutions
7668 Executive Drive
Eden Prairie, MN 55344
1.855.CORE4
1.855.6734

Advertisement

info@core4solutions.com
www.core4solutions.com .

source

Continue Reading

Servers computers

World of Warcraft History For Sale! – buy an old server blade

Published

on

World of Warcraft History For Sale! - buy an old server blade



Today, Blizzard Entertainment announced they would be listing some World of Warcraft blade servers which housed the game from 2010 – 2016. Proceeds will go to charity and quantities will be extremely limited.

#WorldofWarcraft #WOWClassic #Blizzard #MMO

Link to snag your own:
https://news.blizzard.com/en-us/world-of-warcraft/23140711/own-a-piece-of-world-of-warcraft-history-and-help-support-pencils-of-promise .

source

Continue Reading

Trending

Copyright Ā© 2024 WordupNews.com