High Definition Standard Definition Theater
Video id : cuHDQhDhvPE
ImmersiveAmbientModecolor: #efce61 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: c7fecdf745e7ed011eccd816539eecf7cc87d394d533d144ae86b706cf5a19762af9f470ededdda38edf98d11404e4ff
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715714070197 - unknown on Apple WebKit
Mystery text : Y3VIRFFoRGh2UEUgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
I built the same app 10 times // Which JS Framework is best?
Jump to Connections
2,473,232 Views β€’ Aug 11, 2021 β€’ Click to toggle off description
I built a simple app with 10 different JavaScript frameworks... Learn the pros and cons of each JS framework before building your next app github.com/fireship-io/10-javascript-frameworks

#javascript #webdev #top10

πŸ”— Resources

Full Courses fireship.io/courses/
Performance Benchmarks github.com/krausest/js-framework-benchmark
Source code github.com/fireship-io/10-javascript-frameworks

πŸ“š Chapters

00:00 JavaScript Frameworks
00:53 1. Vanilla
04:21 2. React
07:48 3. Angular
10:15 4. Vue
12:18 5. Svelte
14:16 6. Lit
16:11 7. Stencil
17:18 8. Solid
18:35 9. Alpine
20:17 10. Mithril

πŸ€“ Install the quiz app

iOS itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android play.google.com/store/apps/details?id=io.fireship.…

πŸ”₯ Watch more with Fireship PRO

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

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code
Metadata And Engagement

Views : 2,473,232
Genre: Science & Technology
Date of upload: Aug 11, 2021 ^^


Rating : 4.966 (713/83,777 LTDR)
RYD date created : 2022-04-09T21:28:07.780629Z
See in json
Tags
Connections
Nyo connections found on the description ;_; report a issue lol

YouTube Comments - 3,484 Comments

Top Comments of this video!! :3

@wlockuz4467

2 years ago

Thank you for making this video, I always felt overwhelmed by all of these frameworks and you helped me come to realization that all of them suck, so I am going to create my own Javascript framework tonight.

7.6K |

@andreas543

2 years ago

This was the best video on JS frameworks I've ever seen.

2.7K |

@MouseCodes

2 years ago

For me, a back-end developer with c#. this video is really overwhelming. Hats up for JavaScript folks for dealing with all that mess.

246 |

@leoncampa

1 year ago

This video will be extremely inimidating for beginners, so I hope to share my 2 cents. 1) Start by learning Vanilla JS. It will suck. It will be painful... but you will learn a ton about actually reading and understanding JS code, and will have a much easier time learning any framework that uses it. 2) DON'T try to learn all these frameworks. Pick one, and go with it. Currently, React, Vue and Angular are by far the most popular. Pick ONE of those. 3) Become good at it. Stay updated on it. And commit to it to the death during your education phase. 4) Create a personal portfolio that uses your framework and provides anywhere from 5 - 10 demo projects. Try to incorporate some back end functionality on at least half of those. 5) Start applying to jobs hat use your framework. These are generally mentioned in the description. If the job description asks you to know other frameworks as well, apply to them anyway, and mention them on your resume because job filters will filter you out if you don't. 6) If you're selected, you will be asked for an interview. Make Sure to ask what frameworks would be on it. If they ask you to know other frameworks for the interview, crash course study it then. If not, ignore it until you get the job. Only study the framework IF you ever find yourself needing it. Otherwise, you will spend your entire life studying frameworks, getting lost in the different methodologies and never becoming an expert at any.

483 |

@webcodingoprogrammingtips2090

2 years ago

Interesting fact: 3 new JS frameworks were released while you watched this video

5.5K |

@erwinheitzman9854

2 years ago

My mind is blown on how someone actually decided to compare these tools in the shortest amount of time while showing all the important things along the way. Extremely well done and many thanks! πŸ™

1.1K |

@mihalis1010

2 years ago

The problem with JS frameworks is that most of them are plenty good enough to fill most needs, and it becomes really hard to decide which one to use until you reach and edge case situation much later down the line.

933 |

@ekek7

9 months ago

After watching this video I have decided to create my own JS Framework where you will only be allowed to use 1 giant JS file. Once you pick my new framework, you will be too busy trying to figure out which line does what and will have 0 time to research other JS libraries. 100% developer retention. STONKS πŸ“ˆ

47 |

@MartinJaszczuk

2 years ago

"You'll end up building your own shitty JS framework, and the last thing the world needs is another JS framework." -This is literally GOLD and I can't stop laughing.

6.8K |

@GavHern

2 years ago

my favorite is svelte since it just feels very well optimized for ease of development and I like that its very forward-thinking. I think we will see much more work done in the build step going forward.

367 |

@broomybroomybroomy

1 year ago

Thanks for introducing me to Svelte. I sat down and played with it for fun, remaking an app I already made with React. I basically got as far as I did with days of React work in a few hours in Svelte without even having any experience with it at all.

388 |

@cvcvka588

2 years ago

On Vanilla JS never ever set the innerHTML of an element based on user input. This could cause xss vulnerabilities. Instead use textContent or innerText.

34 |

@dallenbaldwin3484

2 years ago

I started using Svelte the other night and was blown away with how lightweight and easy it was. I've always loved Vue and Svelte feels like an even more lightweight version of Vue.

761 |

@ludovictrottier425

2 years ago

This video has convinced me to never become a frontend developper.

6.5K |

@radekwysocki7875

1 year ago

I love the ammount of control + z that had to be done for this video!

64 |

@CalicoArchives

1 year ago

I like Svelte and understand why it would be considered the most loved framework based off of this overview. It looks like the best in regards to user friendly design for Javascript developers in general. Their compiler style design makes it so they can continuously improve performance under the hood which is pretty sweet.

102 |

@stephenstuder1053

2 years ago

Happily a Vue developer, but spending some free time with Svelte in hopes that it catches on! Thanks for the great overview!

288 |

@parasshah195

2 years ago

Svelte is amongst my favourite, mainly because of how native it feels when developing, and also very performant.

154 |

@aqualinespirit90

2 years ago

Regarding the Vanilla JS, you can call the function to submit the form within the HTML tag, so you can see easily the functionality ( which you said cant be done ). Instead of form.submit, etc. You create a function that will be called in the html tag, so the code goes like this: function onSubmit(event) { event.preventDefault(); addTodo(input.value); input.value = ''; } Then in the form tag you simply put

So, that means you can see clearly by looking at the html that form is doing something when submitted also, you dont have to querySelect the form anymore since you dont use it in the script, that saves you a few extra lines of code.

276 |

@borknagarchile

2 years ago

This is an amazing simple way to give an overview of all these libraries/frameworks out there

|

Go To Top