I built a simple app with 10 different JavaScript frameworks… Learn the pros and cons of each JS framework before building your next app https://github.com/fireship-io/10-javascript-frameworks

#javascript #webdev #top10

🔗 Resources

Full Courses https://fireship.io/courses/
Performance Benchmarks https://github.com/krausest/js-framework-benchmark
Source code https://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 https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

🔥 Watch more with Fireship 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

source

29 Comments

  1. Oh man. This makes me want to learn angular.

    I’ve built some fairly large apps using vue and imho it falls over at scale.

    Svelte is lovely; enjoyed using it but I wouldn’t use it for a large app, yet.

  2. I chose expo / react native. Why? Because i want to build an iOS app, a web app, and an android app all at once, code it once, and then ship to each platform without having to code a bunch of crap in swift or kotlin. Cross platform development is the future. And react native is (mostly) compatible with the wealth of react js libraries and SDK and plugins and whatnot out there.

  3. Svelte is great and fun to use. I really like how you create components with html, css, and javascript. That makes it relatively easy to use pure html, css, and javascipt examples on the web to build a component. If you are new to web development like I am, this allows you to spend most of your time leaning the fundamentals of html, css, and javascript. IMO, picking up Svelte is the easy part. In order of difficulty from easiest to hardest: Svelte->html->javascript->css. CSS is a powerful bear if you haven't realized that already!!

  4. watching this video made me write my own js framework. with it, you can make a todo app by not using any html or js code. it's also the most performant and it has 0 kb in size.
    /sarcasm

  5. Not so much a good comparison for bigger applications. For beginners to find out what their preference would be, it sure is. Vue 3 with the composition API in combination with Vite definitely has my preference in the current eco-system.

  6. I love Mithril. It's super easy to incorporate in an existing project and plug into existing web pages that use other frameworks. It's powerful but you can master it in a couple days.

  7. I feel as if this were not in English. So a newbie like me would have LOVED to have seen the 'completed app" and a notation if the app build looked different with each build option. Not everyone cares about what happens under the hood as we do about the end result, so how all these things factor into the end result would have been very helpful to help me decide which painful learning I was willing to endure since it would deliver the end result I wanted. UGH! I did not feel very helped here. This was still a good concept for me over just the other videos that hype a single option.

Leave A Reply

Please enter your comment!
Please enter your name here