JavaScript in 2022

Dec 14, 2022

Dive into the dynamic world of JavaScript in 2022, revealing surprising usage trends and performance insights. Discover the role of bundlers like Webpack and the persistence of jQuery amidst evolving frameworks. The discussion highlights security vulnerabilities and the importance of services like Auth0. Enjoy humorous anecdotes alongside tech talk, including tales from personal experiences with Wi-Fi enhancements and coding education for kids. It's an entertaining blend of valuable information and relatable stories for developers!

Ask episode

AI Snips

Chapters

Transcript

Episode notes

INSIGHT

Fuzzy Jamstack Definition

The definition of "Jamstack" is fuzzy and open to interpretation, according to the Web Almanac.
This makes it difficult to determine definitively whether a site qualifies as Jamstack.

INSIGHT

Next.js Dominates Jamstack SSGs

Next.js is surprisingly the most popular static site generator among Jamstack sites, with 1.4% usage.
Other popular generators like Gatsby, Hugo, and Jekyll follow with lower percentages.

ANECDOTE

Unfamiliar Hosting Providers

Scott is surprised by the low visibility of Vercel and Netlify as Jamstack hosting providers.
He's also unfamiliar with Pantheon, despite its significant usage.

Get the Snipd Podcast app to discover more snips from this episode

Get the app

In this episode of Syntax, Wes and Scott look at the the Web Almanac’s report on the role of JavaScript on the web in 2022.

Auth0 - Sponsor

Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax

Sentry - Sponsor

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

Show Notes

00:11 Welcome
01:17 College football update
04:07 Web almanac for 2022
JavaScript in the 2022 Web Almanac
06:25 Unused JavaScript
07:47 JavaScript requests per page
09:38 Bundlers
14:01 Pages using Babel
16:01 How JavaScript is requested
19:22 Sponsor: Sentry
20:56 Loading render blocking tags
22:48 Dynamic import, web workers, source maps
24:33 Libraries and frameworks
Owl Carousel
Lazy Sizes
29:30 Websites using web components
31:35 Websites with JavaScript security issues
32:43 Sponsor: Auth0
33:58 Jamstack
37:09 JavaScript used by Jamstack sites
38:03 Jamstack hosting
39:46 Popular Static site generators
44:49 Progressive web apps and service workers
50:29 jQuery inside WordPress themes
WeCrashed
51:13 Project Fugu
Project Fugu
52:51 Web push notifications
55:49 CMSs
00:45 Sponsor: Freshbooks
01:40 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Scott: White Lotus
Wes: Ubiquiti

Shameless Plugs

Scott: LevelUp Tutorials
Wes: Wes Bos Tutorials

Tweet us your tasty treats

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets