868: The State of JavaScript
Digest
This podcast dives deep into the annual State of JS survey, examining current trends in the JavaScript ecosystem. The discussion covers a wide range of topics, including newly adopted syntax features (optional chaining, dynamic imports, private class fields), the popularity and usage of various JavaScript libraries (Vite, Playwright), and a detailed analysis of front-end frameworks (React, Vue, Svelte, Angular), including their usage, awareness, sentiment, and correlation with salary. The podcast also explores meta-frameworks (Next.js, SvelteKit, Astro), their benefits and drawbacks, and the ongoing debate surrounding server-side rendering. A significant portion is dedicated to comparing build tools (Vite vs. Webpack) and testing tools, questioning the need for numerous tools given Node.js's built-in capabilities. The discussion extends to back-end frameworks (Express.js and alternatives), JavaScript runtimes (Node.js, browser-based), serverless platforms (AWS Lambda, Vercel, Cloudflare Workers), and the use of other programming languages (Python, TypeScript) alongside JavaScript. Finally, the podcast touches upon the increasing integration of AI tools like ChatGPT and GitHub Copilot into JavaScript development workflows, concluding with a playful awards ceremony based on the survey data.
Outlines

Introduction & JavaScript Syntax Features
The podcast introduces the State of JS survey and then delves into new JavaScript syntax features like optional chaining, dynamic imports, and private class fields, discussing their usage and browser support.

Libraries, Frameworks, and Developer Sentiment
Analysis of JavaScript libraries (Vite, Playwright), front-end frameworks (React, Vue, Svelte, Angular), and meta-frameworks (Next.js, SvelteKit, Astro), including usage, awareness, sentiment, and correlation with salary data. The discussion includes the merits of server-side rendering.

Build Tools, Back-End Frameworks, and Runtimes
An overview of testing and build tools (Vite vs. Webpack), followed by a discussion of the most used JavaScript libraries and back-end frameworks (Express.js and alternatives). The podcast also examines JavaScript runtime usage (Node.js, browser) and serverless platforms.

Other Languages, AI Tools, and Awards
The podcast explores other programming languages used with JavaScript (Python, TypeScript) and the integration of AI tools (ChatGPT, GitHub Copilot). It concludes with a lighthearted awards ceremony based on the survey results.
Keywords
State of JS Survey
Annual survey analyzing JavaScript ecosystem trends, including framework usage, library popularity, and developer sentiment.
JavaScript Frameworks
Software frameworks for building user interfaces (React, Vue, Angular, Svelte, etc.).
Server-Side Rendering (SSR)
Rendering web pages on the server, improving SEO and initial load times.
Meta Frameworks
Frameworks building upon existing frameworks (Next.js, SvelteKit, Astro).
JavaScript Libraries
Reusable code modules for JavaScript development (Vite, Playwright, etc.).
Build Tools
Tools for compiling and bundling JavaScript code (Vite, Webpack).
Optional Chaining
Safe access to nested object properties ( ?. operator).
Dynamic Imports
Asynchronous JavaScript module importing.
TypeScript
Statically-typed superset of JavaScript.
Q&A
What are the most significant trends revealed by the State of JS survey this year?
Increased adoption of Astro and Vite, continued React dominance, shifting sentiment towards Svelte and Vue, and the SSR debate.
What are some key differences between Vite and Webpack?
Vite is faster, especially during development; Webpack is more mature and flexible but complex.
How does the survey data reflect developer sentiment towards JavaScript frameworks?
React maintains high usage but declining positivity; Svelte and Vue show high positivity and adoption; Angular's sentiment is mixed.
What are the benefits and drawbacks of server-side rendering?
Benefits include improved SEO and faster initial load times; drawbacks include increased server-side complexity and slower development.
What new JavaScript features are gaining traction?
Optional chaining, dynamic imports, and private class fields are becoming increasingly popular.
Show Notes
Wes and Scott talk about the State of JavaScript survey, tends, popular features, and the evolving landscape of tools and frameworks.
Show Notes- 00:00 ">00:00 Welcome to Syntax!
- 00:27 ">00:27 Brought to you by Sentry.io
- 01:16 ">01:16 The state of JavaScript Twitter fantasy football
- 02:27 ">02:27 Syntax features
- 05:27 ">05:27 Logical assignment
- 07:49 ">07:49 Strings
- 08:18 ">08:18 Arrays
- 14:16 ">14:16 Sets
- 16:10 ">16:10 Browser APIs
- 22:50 ">22:50 Library tiers list
- 27:21 ">27:21 Upgrading from M1 Mac
- 30:08 ">30:08 Front-end frameworks
- 32:18 ">32:18 The top front-end frameworks used at work
- 33:49 ">33:49 What is the highest paying framework?
- 35:01 ">35:01 Meta frameworks
- 36:32 ">36:32 Meta frameworks pain points
- 42:33 ">42:33 Testing tools
- 43:58 ">43:58 Build tools
- 44:41 ">44:41 Most used libraries
- 46:33 ">46:33 Back-end frameworks
- 48:34 ">48:34 JavaScript runtimes
- 50:35 ">50:35 Serverless runtimes
- 51:25 ">51:25 Other languages people are using
- 52:49 ">52:49 AI tools
- 53:37 ">53:37 The State of JS Awards
- 57:18 ">57:18 Sick Picks + Shameless Plugs
- Wes: Headted Vest
- Scott: Super Mario Party Jamboree
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
























