Easy Frontend JS Workflow With No Framework

In this video, we will create a boilerplate for creating frontend applications with vanilla JS with Parcel bundler, babel and sass.

Code:

💖 Become a Patron: Show support & get perks!

Website & Udemy Course Links:

Follow Traversy Media:

[TraversyMedia]

The repo has been updated to handle multiple components thanks to jeferson-sb :)

[laurenzecastro]

This is the npm command used to install dependencies. Thank you very much Brad and take care.

npm i -D parcel-bundler sass @babel/core @babel/runtime-corejs2

[GlueTubber]

just wanted to say: "Thank you!" - you've helped me tremendously over the last year. Many props and many thanks to you for what you do.

[zaccaryledford]

I've been waiting for something like this. Thank you so much! You spoke about the possibility of implementing things like "Reusable Components, JSX, Parent Classes, Lifecycle Methods" ....etc. I'd love to see a continuation of this project where you showcase that, or even build a custom framework. Thanks brad for everything you do!

[petedejager]

I've watched many of your videos and it's been such a breath of fresh air. Your explanations have such clarity it's a real pleasure to watch. I also enjoy the topics you cover, typically exactly what I'm looking for and I'm sure I'm not the minority. Many thanks for these tutorials, it's very helpful.

[fredkearnes]

Watching this video just made me go to Udemy and buy your HTML/CSS, Bootstrap, and vanilla JS projects videos. I have experience in web development, but I still feel like I can use your videos for a good reference. Keep up the good work, and thanks for giving your time.

[DanielGomez-kxov]

Brad, dude... THIS IS LIKE CHRISTMAS, thank you so much.

[pypro]

Dude, I just bought 2 courses on Udemy and u r a freaking crack!! thanks mate!!

Love all your vanilla courses. Vanilla is a way to help me overcome imposter syndrome.

[mohammedrazani]

I love how you concentrate on the basics and don't make unnecessarily complexe workflows.

[pinch-of-salt]

This is something so cool and basic. I want to use this everywhere!! Thanks for the vid Brad!

[rayjenscode]

Nice Brad. it gives me additional information on how to play different approach in organizing a javascript code in a simple way. thanks a lot

[codezero]

Yes, I like Parcel. On live chat with RTC the other day many expressed their dislike for Webpack. I think Parcel would foot the bill so to speak.

[andyj]

As always another invaluable video. Many thanks Brad. Love your delivery method and crystal clear explanations.

[keshavarya]

Brad you are no ordinary one you are having Telepathic mind Which can read people's mind.😍😍

[GoonCity]

Workflow skills is equally as important as coding skills and equally as necessary. I admit to some deficiencies with the former. Thanks for this video!

[irhamputra]

the best next idea for the video is explaining how to create npm package and publish them to npmjs either building a React Component module or just simple utils module with TSDX created by Jared Palmer :)

[georgeomara]

Hi Brad! hope your well. thanks so much for the great content, I always love your content. By the way your so popular at my school, our lecturers usually direct students doing web development course units to this channel, it's amazing. People love your content so much. I've learnt so much from you personally and am so grateful. I'm kindly requesting you to make a video on how to implement a WYSIWYG editor as a content creator on a Blogging web project and how to save that data to a database and retrieve it back to the front end using node. I would be so grateful if you do so. thanks a lot.

[programinggrid]

Suggestion for next video: i realy want to learn about regular expression from you.

[Rekefa]

this looks like the Reactjs workflow, pretty nice video!