JS Party: JavaScript, CSS, Web Development

By Changelog MediaTechnology

JS Party: JavaScript, CSS, Web Development episodes

April 25, 2024A Solid primer on Signals
Ryan Carniato joins Amal & Nick to discuss Solid with a major focus on Signals, which are the cornerstone of reactivity in Solid.
Join the discussion
Changelog++ members save 11 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Clerk – Clerk is a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users.
CrabNebula Cloud – CrabNebula Cloud is here! Distribute Tauri apps and Electron apps with best in class updater. At the heart of CrabNebula Cloud is a purpose-built CDN ready for global scale, and secure updates as a first-class citizen. Learn more at crabnebula.dev/cloud
Speakeasy – Instantly create SDKs that make API integration easy for your users. Create your first SDK for free! today.
Featuring:
Ryan Carniato – GitHub, X
Amal Hussein – GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
Solid JS
Solid/Signals
The Signals Proposal
Solid’s Discord
Ryan’s YouTube
Something missing or broken? PRs welcome!
1 hr 29 min
April 18, 2024The boring JavaScript stack
Kelvin Omereshone is here to get you excited about boring, reliable tech. He believes a combination of Sails, Inertia, Tailwind & your frontend rendering library of choice are a great combo for building web apps. Tune in to find out why.
Join the discussion
Changelog++ members save 10 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Speakeasy – Instantly create SDKs that make API integration easy for your users. Create your first SDK for free! today.
Clerk – Clerk is a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users.
Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today.
Featuring:
Kelvin Omereshone – GitHub, LinkedIn, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Show Notes:
The Boring JavaScript Stack
Sails.js
Screencasts for the modern Sails developer
Hagfish - Where creators do invoices
Inertia
Sailsconf
The Boring JavaScript Stack (keynote)
Something missing or broken? PRs welcome!
45 min
April 11, 2024Off to see the Wiz
How does Google build Search? What about YouTube and Google Drive? We rely on Chrome’s Lighthouse scores when optimizing our websites, but what does Google prioritize? Recently the Angular and Wiz teams announced their intention to responsibly merge their internal frontend framework, Wiz, with Angular to bring some of Wiz’s best ideas to Angular. We’re chatting with Minko from Angular and Jatin from the Wiz team to learn about how Wiz has been used in Google historically, what it’s good at, and why it’s worth bringing some of its ideas to Angular.
Join the discussion
Changelog++ members save 11 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
CrabNebula Cloud – CrabNebula Cloud is here! Distribute Tauri apps and Electron apps with best in class updater. At the heart of CrabNebula Cloud is a purpose-built CDN ready for global scale, and secure updates as a first-class citizen. Learn more at crabnebula.dev/cloud
Clerk – Clerk is a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users.
Speakeasy – Instantly create SDKs that make API integration easy for your users. Create your first SDK for free! today.
Featuring:
Minko Gechev – Website, GitHub, LinkedIn, X
Jatin Ramanathan – LinkedIn, X
Kevin Ball – Website, GitHub, LinkedIn, X
Jessica Sachs – Website, GitHub, X
Show Notes:
Angular and Wiz Are Better Together
Deferrable Views
JSParty 312 - Angular Moves fast without breaking things
JSAction
JSParty 237 - Qwik is a new kind of web framework
HTTP Archive
Angular primitives directory
Something missing or broken? PRs welcome!
56 min
March 28, 202413% of the time, Devin works every time
Jerod, KBall & Nick discuss the latest news: Devin, Astro DB, The JavaScript Registry, Tailwind 4 & Angular merging with Wiz. Oh, and a surprise mini-game of HeadLIES!
Join the discussion
Changelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
PowerSync – Build local-first web apps — Give users instantly reactive UX with an in-browser database that keeps itself in sync with any backend Postgres. No need to wait for network requests, code complicated caching logic or to maintain in-memory state. Set up is easy, removal too. Try on a generous free plan.
CrabNebula Cloud – CrabNebula Cloud is here! Distribute Tauri apps and Electron apps with best in class updater. At the heart of CrabNebula Cloud is a purpose-built CDN ready for global scale, and secure updates as a first-class citizen. Learn more at crabnebula.dev/cloud
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Kevin Ball – Website, GitHub, LinkedIn, X
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
Devin, the first AI software engineer
Astro DB
JSR - the JavaScript Registry
Tailwind 4
Angular merging with Wiz
Something missing or broken? PRs welcome!
1 hr 7 min
March 14, 2024Advocating for the future of the open web
Alex & James Moore, founding members of the Open Web Advocacy (OWA), join Amal to talk about the critical work the OWA has been doing to ensure users have browser choice and that web apps can be first-class citizens on mobile devices. We learn about how an ad-hoc group of software engineers worked with regulators, legislators & policymakers to help drive some of the most impactful legislation curbing anti-competitive behaviors on the web for tech giants such as Apple, Google & Microsoft via the EU’s Digital Markets Act (DMA).
Tune in for this deeply important & timely discussion as we also unpack recent events with Apple and their DMA (un)compliance, and how the OWA helped successfully organize thousands of web developers from around the world to hold ground for a free & open web.
Join the discussion
Changelog++ members save 7 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
CrabNebula Cloud – CrabNebula Cloud is here! Distribute Tauri apps and Electron apps with best in class updater. At the heart of CrabNebula Cloud is a purpose-built CDN ready for global scale, and secure updates as a first-class citizen. Learn more at crabnebula.dev/cloud
PowerSync – Build local-first web apps — Give users instantly reactive UX with an in-browser database that keeps itself in sync with any backend Postgres. No need to wait for network requests, code complicated caching logic or to maintain in-memory state. Set up is easy, removal too. Try on a generous free plan.
Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today.
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Alex Moore – LinkedIn, Mastodon, X
James Moore – GitHub
Amal Hussein – GitHub, X
Show Notes:
Open Web Advocacy
Open Web Advocacy Open Letter (signed by 1000s to protest the 17.4 breaking changes for web apps on iOS)
Open Web Advocacy Walled Gardens Report
European Union Digital Markets Act (DMA) - EUR-Lex
Article 5: Obligations for gatekeepers - EUR-Lex (from the DMA)
The Verge: European Union Commission Digital Markets Act
Blog: The Digital Markets Act is in Force - What Happens Now?
Blog: Apple Backs Off Killing Web Apps
Blog: It’s Official: Apple Kills Web Apps
Blog: Apple on Course to Break All Web Apps in EU within 20 Days
Blog: Did Apple Just Break Web Apps in iOS17.4 Beta (EU)?
Something missing or broken? PRs welcome!
2 hr 4 min
March 07, 2024Getting a pulse on your Core Web Vitals 🩺
This week, Amal and Nick are joined by Rick Viscomi and Annie Sullivan from the Chrome team to dive into Core Web Vitals, a set of performance metrics geared towards helping developers surface web page quality signals that are key to delivering great user experiences.
We deconstruct the different vitals and learn how they are helpful, as well as introduce the newest vital to hit the scene, Interaction to Next Paint (INP). Join us for a fun and nerdtastic discussion as we dive into the humbling universe of web performance!
Join the discussion
Changelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
PowerSync – Build local-first web apps — Give users instantly reactive UX with an in-browser database that keeps itself in sync with any backend Postgres. No need to wait for network requests, code complicated caching logic or to maintain in-memory state. Set up is easy, removal too. Try on a generous free plan.
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Typesense – Lightning fast, globally distributed Search-as-a-Service that runs in memory. You literally can’t get any faster!
Sentry – Launch week! New features and products all week long (so get comfy)! Tune in to Sentry’s YouTube and Discord daily at 9am PT to hear the latest scoop. Too busy? No problem - enter your email address to receive all the announcements (and win swag along the way). Use the code CHANGELOG when you sign up to get $100 OFF the team plan.
Featuring:
Rick Viscomi – Website, X
Annie Sullivan – Website, Mastodon, X
Amal Hussein – GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
Web performance resources
Why speed matters
Core Web Vitals docs
Interaction to Next Paint (INP)
Largest Contentful Paint (LCP)
Cumulative Layout Shift (CLS)
Measuring Core Web Vitals in the field
web-vitals.js library
Web Vitals Chrome extension
PageSpeed Insights
Chrome UX Report
Core Web Vitals Tech Report
In The Loop by Jake Archibald (🔥🔥🔥 Event Loop Talk referenced on show)
Scheduler API Polyfill
Scheduler.yield API Origin Trial
Speedcurve - Web performance monitoring
WebPageTest - Website performance and optimization test
WPO stats - Case studies and experiments demonstrating the impact of web performance optimization (WPO)
Partytown - Run 3rd Party Scripts from a Web Worker
Something missing or broken? PRs welcome!
1 hr 25 min
February 29, 2024Take a look, it's in a book
Nick delves into the intricacies of technical book writing with authors Adrienne Braganza Tacke and Dylan Hildenbrand. We talk about the process of working with a publisher, coming up with an outline, actually writing the book, and everything that comes after the book is finished.
Join the discussion
Changelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today.
Featuring:
Adrienne Braganza Tacke – GitHub, LinkedIn, X
Dylan Hildenbrand – Website, GitHub, LinkedIn, Mastodon
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
Adrienne’s books
Looks Good to Me: Constructive Code Reviews
Coding for Kids: Python: Learn to Code with 50 Awesome Games and Activities
Dylan’s book
SvelteKit Up and Running
Something missing or broken? PRs welcome!
57 min
February 22, 2024Who's that girl? It's Jess!
Apple kills EU web apps, Amazon launches a JS runtime optimized for serverless workloads & we play a game of 20 (15) questions to welcome Jessica Sachs to the party!
Join the discussion
Changelog++ members get a bonus 4 minutes at the end of this episode and zero ads. Join today!
Sponsors:
Vercel – Zero configuration for over 35 frameworks Vercel is the Frontend Cloud makes it easy for any team to deploy their apps. Today, you can get a 14-day free trial of Vercel Pro, or get a customized Enterprise demo from their team. Visit vercel.com/changelogpod to get started.
PowerSync – Don’t build your own sync layer! PowerSync enables an offline-first architecture to make your application real-time and reactive. PowerSync is framework agnostic with open source client SDKs and plugs into your existing database, backend, and application to give you an offline-first/local-first architecture without having to build your own sync layer.
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Amal Hussein – GitHub, X
Christopher Hiller – Website, GitHub, Mastodon, X
Jessica Sachs – Website, GitHub, X
Show Notes:
Take the OWA survey ASAP!
It’s Official, Apple Kills Web Apps in the EU
Arc from The Browser Company
LLRT: Amazon’s new JS runtime
QuickJS
Introducing Tempo • A new date library for JS/TS
Something missing or broken? PRs welcome!
1 hr 13 min
February 15, 2024Angular moves fast without breaking things
KBall & Amal dive deep with the “Dazzle of Zebras” (possible future band name), Angular team members Jessica Janiuk & Mark “Techson” Thompson. Along with an absolute riot of puns, they cover topics such as Angular’s new deferrable views feature, how the Angular core team handles change, and lessons learned from the AngularJS-Angular 2 debacle that allow Angular to now move fast without breaking things.
Join the discussion
Changelog++ members get a bonus 5 minutes at the end of this episode and zero ads. Join today!
Sponsors:
Vercel – Zero configuration for over 35 frameworks Vercel is the Frontend Cloud makes it easy for any team to deploy their apps. Today, you can get a 14-day free trial of Vercel Pro, or get a customized Enterprise demo from their team. Visit vercel.com/changelogpod to get started.
PowerSync – Don’t build your own sync layer! PowerSync enables an offline-first architecture to make your application real-time and reactive. PowerSync is framework agnostic with open source client SDKs and plugs into your existing database, backend, and application to give you an offline-first/local-first architecture without having to build your own sync layer.
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Jessica Janiuk –
Mark Thompson –
Kevin Ball – Website, GitHub, LinkedIn, X
Amal Hussein – GitHub, X
Show Notes:
Changelog Beats! Dance Party
angular.dev
Deferrable views
Angular SSR
Angular tutorial
Something missing or broken? PRs welcome!
1 hr 12 min
February 08, 2024React Server Components 🧐
The week Amal & guest co-host Eric Clemmons talk to Dan Abramov all about React Server Components. We learn about why they were created, what problems they solve & how they work to improve application performance. We also dive into the rollout and current support status, the origin story, the community response & walk through the 10+ years of React history which have forever shifted the world of web development.
Join the discussion
Changelog++ members save 6 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Vercel – Zero configuration for over 35 frameworks Vercel is the Frontend Cloud makes it easy for any team to deploy their apps. Today, you can get a 14-day free trial of Vercel Pro, or get a customized Enterprise demo from their team. Visit vercel.com/changelogpod to get started.
PowerSync – Don’t build your own sync layer! PowerSync enables an offline-first architecture to make your application real-time and reactive. PowerSync is framework agnostic with open source client SDKs and plugs into your existing database, backend, and application to give you an offline-first/local-first architecture without having to build your own sync layer.
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Featuring:
Dan Abramov – Website, GitHub, X
Amal Hussein – GitHub, X
Eric Clemmons – GitHub, X
Show Notes:
Changelog Beats! Dance Party
Making Sense of React Server Components
How Next.js is delivering React’s vision for the future
Simplifying Server Components
React Server Components with Aurora Walberg
“React from Another Dimension” by Dan Abramov at #RemixConf 2023 (YouTube)
Data Fetching with React Server Components
RFC: React Server Components (Github)
Next.js 13: Server Components (docs)
“Data Fetching with React Server Components” initial 2020 vision (YouTube)
JavaScript Fatigue
Click to Component (Github)
Something missing or broken? PRs welcome!
2 hr 8 min

About JS Party: JavaScript, CSS, Web Development

From the publisher's feed

Your weekly celebration of JavaScript and the web. Current panelists: Jerod Santo, Kevin Ball (KBall), Nick Nisi, Chris Hiller, Amal Hussein & Amy Dutton.