Must Know JavaScript Bundler - Parcel

Bundling JavaScript is difficult and time consuming to setup with something like Webpack. That is where Parcel comes in. Parcel is the zero configuration alternative to Webpack, and it is unbelievably easy to get setup and running with. In this video I will show you exactly what Parcel is, how to get setup with it, and why you should be using Parcel. I am sure by the end of this video you will never want to touch Webpack again.

📚 Materials/References:

🧠 Concepts Covered:

- What Parcel is
- Why you should use Parcel
- How to setup Parcel
- How to use the Parcel development server

🌎 Find Me Here:

#ParcelJS #WDS #Parcel

[uriahsvictor]

For anyone coming here and realising that things might not be working as they should...take note that in the video he's using Parcel v1 while the official docs now reflect Parcel v2. Parcel v2 is not called "parcel-bundler", its now just called "parcel"

[Lucifer-wdgh]

Webpack: Am I joke to you? 🤨
Parcel: Yes 😅

[IdleAtre]

Omg man, i have been struggling into building my environment the past 48h for a phaser + typescript + sass + hot reloads project and was finally done with it like 3 hours ago and then your video pop up on my youtube recommendations to rock my world, i just deleted my stuff and started again with parcel, took me literally 10 min to put everything in place and have better result than what i did earlier, i love you and hate you at the same time, but thanks a lot, your videos are very helpful

[marcwinner]

This channel makes content that is really interesting and easy to understand. I especially like how you always start with an empty folder so we can follow through from the first second to the last. Keep up the good work!

[fluntimes]

God, I just spent an hour trying to configure Webpack. Came to this video and got everything setup in less than 10 minutes. Thanks!

[av]

Thank you very much. For beginners like me, these types of videos create a quick and good starting point to get more familiar with these technologies

[ghostrunner]

If you use "npm init -y", you don't have to hit the enter key bunch of time to go with the default npm values.

[ultimategolfarchives]

Always my first pick when comes to tutorials ! Great content 👍

I love this. Personally I was looking for a way to create a library for a webgame I'm working on.
I wanted to have code split up into folders(namespaces) and transpile them into a single usable JS file.
With Webpack I just had a splitting headache with all the configuration. Every time I changed something, other stuff would break or not work as expected.

This just saved my ass.
I mean, I love configurable software.. But if you have to read an entire documentation and walk into many walls when you're on a deadline, it just sucks.
This saved my ass :)

[tianaspark]

Thanks a lot, Kyle! Awesome as always 👍!

[DaveLott]

Exactly what I needed. Maybe Parcel, but certainly the video.

[TheChodex]

Me at 0:00: Why would i need parcel if i have webpack?
Me at 0:18: Oh ok, let's go Parcel! :D

[gleisonsubzeroKZ]

just to clarify, today's parcel automatically refreshes the page when it changes. and beyond sass you can use typescript files too without any configuration.

[nerdiloo]

Very cool - i'll try to pitch this to the dev folks (.net-heads). I'm stepping right over webpack to parcel in my next personal gig.. Thanks!

[glowleaf]

I’m a new subscriber and this really helped me out! :D

Edit: Very good video!

[aashishkushwaha]

You're life savour... Awesome stuff as always 👌👌✌✌

[dariusjohnson]

Great video Kyle! Keep up the good work. Could you please dedicate a tutorial to responsive images ? I tried looking it up and found mixed results that did not help at all :(

[carloslfu]

Nice video. Tip: npm init + many enters === npm init -y

[shreyasnair]

Mom: go play with the neighbour's kid!
The neighbour's kid: 0:00

[ZeePintor]

Hi Kyle, I have been practicing and learning JS. I have done a few little things but I don't where I can go from now. A few things I have heard about are frameworks like React, Angular and Vue.js. It's all still confusing to me. So I would like to request if you could do a video on what are they for, how to use them and what's the best tool for the right job. I enjoy your content, keep going!