The Official JavaScript Tier List is Here

Fireship · Intermediate ·🌐 Frontend Engineering ·3y ago

Key Takeaways

The State of JS survey results for 2023 are discussed, covering the popularity of JavaScript frameworks, developer demographics, and salary ranges. The survey had nearly 40,000 responses and provides insights into the most popular and hated frameworks, as well as trends in JavaScript feature adoption.

Full Transcript

it is January 15 2023 and you're watching the code report the highly anticipated state of JavaScript survey results are in which can make or break the life of a JavaScript framework you are not this year it had nearly 40 000 responses compared to just 15 000 last year and let me tell you the results are completely and utterly shocking because that will improve retention on this video for demographics we mostly have developers over the age of 25 with at least three years of experience the majority of responses come from the United States and Europe and what's kind of surprising is that only three percent make more than 200k a year and over 60 percent make less than 100K a year the United States is by far the most well paid region with Nigeria down at the bottom if you want to make more money try to be born in the right country when it comes to gender Juggalos have a slight Advantage but juggalettes are not far behind and non-binary genders have the highest percentage above 100K but this might be a disappointing reality check going from a three-month JavaScript boot camp to the lambo dealership is not as easy as they make it sound now when it comes to actual JavaScript features knowledge coalescing seems to be the most popular new feature it's a great feature but I was surprised at how many people are not tapping logical ass a feature I use all the time where you can assign a variable only when it's not already defined but the real reason we all take this survey is to Hype up the JavaScript Frameworks we love and [ __ ] on all the ones we hate the team behind the survey has done a spectacular job visualizing this data here we have a tier list where libraries are ranked based on the percentage of users that would use them again at the top I'm glad to see many of the Technologies in my own stack like spell typescript playwright and V and nexjs made the cut here as well now one thing that surprised me was that react came in higher than Vue they're only separated by about six percent but I would have expected view to be higher than react in general the older and more established a technology is the more people tend to hate it as we can see here with angular down at the bottom in my opinion angular doesn't really get a fair representation on the survey it's been portrayed as the arch nemesis to react and a lot of people out there just love to hate it even if they've never tried it it's done some awesome things over the last few years and its score is improving I project it to be the most popular framework work by the year 2086 also on the Bottom Rung we have tools like Gulp and browserify which have been on the decline for a very long time most hated of all though is Cordova as you know I don't like to say bad things about other Technologies but if you want to build a mobile app with Cordova today you'll have to navigate through a dumpster fire of unmaintained plugins another surprise is Gatsby being so low which used to be an extremely popular react meta framework it's been on a free fall from 88 satisfaction all the way down to 38 and finally here at the bottom we have learned which was abandoned for a little while but is now managed by NX one thing to keep in mind with this tier list is that a low ranking shouldn't discourage you from using a technology find the right tool for the job because everything here in the top tier will likely be replaced when the hype train rolls in next year the tier only includes Tech used by 10 percent of people and there's a bunch of up and coming tools like Astro quick and solid that will likely disrupt this tier by next year in addition to Frameworks I think there's a few libraries you should keep your eye on in 2023 I've been playing with tan stack query trpc and Zod and another interesting thing on this survey is that front and developers now use typescript more than vanilla JavaScript this was Unthinkable a few years ago but something I predicted multiple times because once you go typescript you never go back and that brings us to the final Revelation under video creators fireship was ranked number one I have no idea how we got to this point but I'm extremely grateful and you made my mom very proud this has been the code report thanks for watching and I will see you in the next one

Original Description

Breakdown of the State of JS survey results released in 2023. Which web frameworks are most popular and which ones are most hated? How much money do frontend developers actually make? #javascript #tierlist #TheCodeReport 💬 Chat with Me on Discord https://discord.gg/fireship 🔗 Resources State of JS Results https://stateofjs.com Tech Trends in the year 2023 https://youtu.be/1v_TEnpqHXE 📚 Chapters 🔥 Get More Content - Upgrade to PRO Upgrade at https://fireship.io/pro Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Trending tools for web developers - Top JS frameworks for 2023 - React vs Svelte - React vs Vue - React vs Angular - Web development salary expectations - How much do JavaScript developers earn?
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Fireship · Fireship · 0 of 60

← Previous Next →
1 Angular 4 Development and Production Environments with Firebase
Angular 4 Development and Production Environments with Firebase
Fireship
2 OAuth with Angular and Firebase Tutorial
OAuth with Angular and Firebase Tutorial
Fireship
3 Anonymous Authentication with Angular and Firebase - Lazy Registration
Anonymous Authentication with Angular and Firebase - Lazy Registration
Fireship
4 Angular Router Guards for Firebase Users
Angular Router Guards for Firebase Users
Fireship
5 Angular Firebase CRUD App with NoSQL Database Tutorial
Angular Firebase CRUD App with NoSQL Database Tutorial
Fireship
6 Upload Files from Angular to Firebase Storage
Upload Files from Angular to Firebase Storage
Fireship
7 How to Deploy an Angular App to Firebase Hosting
How to Deploy an Angular App to Firebase Hosting
Fireship
8 Sharing Data between Components in Angular
Sharing Data between Components in Angular
Fireship
9 Loading Spinners for Asynchronous Firebase Data
Loading Spinners for Asynchronous Firebase Data
Fireship
10 Angular 4 Transactional Email with Google Firebase Cloud Functions
Angular 4 Transactional Email with Google Firebase Cloud Functions
Fireship
11 Firebase Database Rules Tutorial
Firebase Database Rules Tutorial
Fireship
12 Autocomplete Search with Angular4 and Firebase
Autocomplete Search with Angular4 and Firebase
Fireship
13 Reddit Inspired Upvoting System with Angular and Firebase NoSQL
Reddit Inspired Upvoting System with Angular and Firebase NoSQL
Fireship
14 Angular Drag-and-Drop File Uploads to Firebase Storage
Angular Drag-and-Drop File Uploads to Firebase Storage
Fireship
15 Text Translation with Firebase Cloud Functions onWrite and Angular 4
Text Translation with Firebase Cloud Functions onWrite and Angular 4
Fireship
16 Custom Usernames with Firebase Authentication
Custom Usernames with Firebase Authentication
Fireship
17 Twitter-Inspired Follow Unfollow Feature with Firebase and Angular 4
Twitter-Inspired Follow Unfollow Feature with Firebase and Angular 4
Fireship
18 Simple Pagination with Firebase and Angular 4
Simple Pagination with Firebase and Angular 4
Fireship
19 How to Connect Firebase Users to their Data - 3 Methods
How to Connect Firebase Users to their Data - 3 Methods
Fireship
20 Add Toast Message Notifications to your Angular App
Add Toast Message Notifications to your Angular App
Fireship
21 Facebook-Inspired Reactions System with Angular and Firebase
Facebook-Inspired Reactions System with Angular and Firebase
Fireship
22 Learn NgModule in Angular with Examples
Learn NgModule in Angular with Examples
Fireship
23 Lazy Loading Components in Angular 4
Lazy Loading Components in Angular 4
Fireship
24 Stripe Checkout Payments with Angular and Firebase - Part 1
Stripe Checkout Payments with Angular and Firebase - Part 1
Fireship
25 Process Stripe Payments with Firebase Cloud Functions - Part 2
Process Stripe Payments with Firebase Cloud Functions - Part 2
Fireship
26 Selling Digital Content in Angular with Stripe Payments - Part 3
Selling Digital Content in Angular with Stripe Payments - Part 3
Fireship
27 Angular 4 Full Text Search with Algolia - Part 1
Angular 4 Full Text Search with Algolia - Part 1
Fireship
28 Algolia with Firebase Cloud Functions - Part 2
Algolia with Firebase Cloud Functions - Part 2
Fireship
29 Firebase Phone Authentication in Angular 4
Firebase Phone Authentication in Angular 4
Fireship
30 Top 7 RxJS Concepts for Angular Developers
Top 7 RxJS Concepts for Angular Developers
Fireship
31 Learn Angular Animations with 5 Examples
Learn Angular Animations with 5 Examples
Fireship
32 Advanced Firebase Data Filtering (Multi-Property)
Advanced Firebase Data Filtering (Multi-Property)
Fireship
33 Realtime Maps with Mapbox + Firebase + Angular
Realtime Maps with Mapbox + Firebase + Angular
Fireship
34 Angular Reactive Forms with Firebase Database Backend
Angular Reactive Forms with Firebase Database Backend
Fireship
35 Send Push Notifications in Angular with Firebase Cloud Messaging
Send Push Notifications in Angular with Firebase Cloud Messaging
Fireship
36 Top 7 Ways to Debug Angular 4 Apps
Top 7 Ways to Debug Angular 4 Apps
Fireship
37 Infinite Scroll with Angular and Firebase
Infinite Scroll with Angular and Firebase
Fireship
38 Use TypeScript with Firebase Cloud Functions
Use TypeScript with Firebase Cloud Functions
Fireship
39 Realtime Graphs and Charts with Plotly and Firebase
Realtime Graphs and Charts with Plotly and Firebase
Fireship
40 Role-Based User Permissions in Firebase
Role-Based User Permissions in Firebase
Fireship
41 User Presence System in Realtime - Online, Offline, Away
User Presence System in Realtime - Online, Offline, Away
Fireship
42 Location-based Queries with GeoFire and Angular Google Maps
Location-based Queries with GeoFire and Angular Google Maps
Fireship
43 Angular ngrx Redux Quick Start Tutorial
Angular ngrx Redux Quick Start Tutorial
Fireship
44 Angular Ngrx Effects with Firebase Database
Angular Ngrx Effects with Firebase Database
Fireship
45 Progressive Web Apps with Angular
Progressive Web Apps with Angular
Fireship
46 Angular Ngrx with Firebase Google OAuth User Authentication
Angular Ngrx with Firebase Google OAuth User Authentication
Fireship
47 RxJS Quick Start with Practical Examples
RxJS Quick Start with Practical Examples
Fireship
48 Send SMS Text Messages with Twilio and Firebase
Send SMS Text Messages with Twilio and Firebase
Fireship
49 Firebase Database Performance Profiling
Firebase Database Performance Profiling
Fireship
50 Native Desktop Apps with Angular and Electron
Native Desktop Apps with Angular and Electron
Fireship
51 Subscription Payments with Stripe, Angular, and Firebase
Subscription Payments with Stripe, Angular, and Firebase
Fireship
52 Firestore with AngularFire5 Quick Start Tutorial
Firestore with AngularFire5 Quick Start Tutorial
Fireship
53 Angular HTTP Client Quick Start Tutorial
Angular HTTP Client Quick Start Tutorial
Fireship
54 Google Sign-In with Firestore Custom User Data
Google Sign-In with Firestore Custom User Data
Fireship
55 Star Review System from Scratch with Firestore + Angular
Star Review System from Scratch with Firestore + Angular
Fireship
56 Angular Chatbot with Dialogflow (API.ai)
Angular Chatbot with Dialogflow (API.ai)
Fireship
57 Learn @ngrx/entity and Feature Modules
Learn @ngrx/entity and Feature Modules
Fireship
58 Infinite Scroll Pagination with Firestore
Infinite Scroll Pagination with Firestore
Fireship
59 Faster Firestore via Data Aggregation
Faster Firestore via Data Aggregation
Fireship
60 Contentful - CMS for Angular Progressive Web Apps
Contentful - CMS for Angular Progressive Web Apps
Fireship

The State of JS survey provides valuable insights into JavaScript framework popularity, developer demographics, and salary trends. The survey results can help developers make informed decisions about their career and technology choices.

Key Takeaways
  1. Review the survey results to understand framework popularity
  2. Analyze developer demographics to understand salary trends
  3. Explore JavaScript features and frameworks to stay current
  4. Consider using popular frameworks like React, Vue, and TypeScript
💡 The survey results show that React is more popular than Vue, and TypeScript is now used more than vanilla JavaScript. The results also highlight the importance of staying current with JavaScript trends and understanding framework differences.

Related Reads

📰
Inside the Wayfair Frontend SDE-2 Interview: A Complete Breakdown
Learn how to prepare for a Frontend SDE-2 interview at Wayfair, including online assessments, machine coding, and system design.
Medium · Programming
📰
I Spent Two Years Maintaining a React SPA. HTMX Rebuilt It in a Week
Learn how HTMX rebuilt a React SPA in a week, replacing 2 years of maintenance work, and discover the benefits of this alternative approach
Medium · Programming
📰
The 5 Levels of Front End Engineering (And Where Most Developers Get Stuck)
Learn the 5 levels of front end engineering to improve your skills and avoid getting stuck in a career rut
Medium · Programming
📰
Browser-Based PDF Editing with Vue 3 and pdf-lib
Learn to build a browser-based PDF editor using Vue 3 and pdf-lib, enabling users to edit PDFs directly in the browser
Dev.to · sunshey
Up next
How to Use Semrush Keyword Magic Tool with ChatGPT to Make Money
Grow with Will - SEO, Sales & Entrepreneurship
Watch →