JS Party: JavaScript, CSS, Web Development

Let’s debate debugging techniques! Do you print debug or dive deep into debugging tools? KBall & Jerod argue that print statements are all you need while Amal & guest Eric Clemmons take the other side. Who will win and why will it be Jerod? 😉 Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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! Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today. Featuring:Eric Clemmons – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XShow Notes: patch-package replay.io Something missing or broken? PRs welcome!

The panel dives into all of the supporting structures that we build around writing code, what works in different environments, and good and bad practices they have seen. From PR etiquette to CI/CD to how to write a ticket, they look at them from an open source perspective, an enterprise perspective, and everything in between. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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! Featuring:Kevin Ball – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: Graphite Reviewable The way to fully automated releases in open source projects Feature Toggles (aka Feature Flags) LaunchDarkly Split.io Minimum Reproducible Example Something missing or broken? PRs welcome!

The podcast discusses Million.js, a JavaScript library for efficiently rendering large datasets in the browser, and its goals. They compare it to other projects like Solid and Quick, and talk about using components correctly for performance. They also explore the limitations of Million, the differences between VEAT and the plugin, and the benefits of ESLint and React hooks rules. They explain the origin of 'Million' and its potential impact on React. The podcast concludes by inviting listeners to join the 'Million' project and contribute to making a better web.

KBall interviews Nick Nisi about the Pandora’s box that is his tooling/developer setup. Starting at the lowest layer of the terminal emulator he uses, they move upwards into command line tools, into Tmux (terminals within terminals!), his epic NeoVim configuration, and finally into the tools he uses for notekeeping and productivity. Join the discussionChangelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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:Kevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Nick’s Dotfiles Kitty WezTerm Nerd Fonts RipGrep fzf Zoxide tmux Neovim Lua Lazy.nvim Telescope.nvim Zettelkasten Obsidian Yabai Raycast Omnifocus Something missing or broken? PRs welcome!

Nick is excited to explain CVA to us like we’re five (then again like we’re 41). KBall is excited to share details of his new stack (for the new app he’s building). Jerod is excited to share some recent news items (but he’s the only one). And finally, we’re all excited to debate TypeScript vs JSDoc comments! Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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:Jerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Class Variance Authority KBall’s new stack QwikCity Joist-ORM Bun’s new bundler MDN’s new Baseline JavaScript’s new frontend framework: VanJS kriszyp/put-selector Rich Harris quote Something missing or broken? PRs welcome!

Nick & KBall sit down with the brilliant Stephen Haberman to discuss all things ORMs! 💻🔍 From the advantages and disadvantages of ORMs in general, to delving into the intricacies of his innovative project Joist, which brings a fresh, idiomatic, ActiveRecord-esque approach to TypeScript. 🚀 So sit back, relax, and let’s dive deep into the world of ORMs with the experts! Join the discussionChangelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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. KBall Coaching – Free exploratory coaching sessions from JS Party co-host KBall! Click here to get started Featuring:Stephen Haberman – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: TypeScript: Documentation - Mapped Types Hello from Joist | Joist TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms. Active Record Basics — Ruby on Rails Guides graphql/dataloader: DataLoader is a generic utility to be used as part of your application’s data fetching layer to provide a consistent API over various backends and reduce requests to those backends via batching and caching. facebook/Haxl: A Haskell library that simplifies access to remote data, such as databases or web-based services. Working with Entity Manager | MikroORM Object-Relational Mapping is the Vietnam of Computer Science kysely-org/kysely: A type-safe typescript SQL query builder Validation Rules | Joist Derived Fields | Joist The Streaming Database | Materialize PostgreSQL: The world’s most advanced open source database PostgreSQL: Documentation: 15: 41.3. Materialized Views Joist Slack Something missing or broken? PRs welcome!

Developer slash artist Alex Miller joins Jerod & Amelia to discuss the challenge he faced after deciding to eschew fancy frameworks and libraries in favor of vanilla JS to build an interactive essay called Grid World for the html review. Join the discussionChangelog++ members get a bonus 4 minutes at the end of this episode and zero ads. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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++ – You love our content and you want to take it to the next level by showing your support. We’ll take you closer to the metal with extended episodes, make the ads disappear, and increment your audio quality with higher bitrate mp3s. Let’s do this! KBall Coaching – Free exploratory coaching sessions from JS Party co-host KBall! Click here to get started Featuring:Alex Miller – Mastodon, XJerod Santo – GitHub, LinkedIn, Mastodon, XAmelia Wattenberger – Website, GitHub, XShow Notes: Myst The html Review Grid World Daniel Shiffman Drawing Lines is Hard Algorithmically generated goods by SPACEFILLER Something missing or broken? PRs welcome!

Dax Raad joins KBall and Nick to chat about SST, a framework that makes it easier to build full-stack applications on AWS. We chat about how the project got started and its goals. Then we discuss OpenNext, an open source, framework-agnostic server less adapter for Next.js. Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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. KBall Coaching – Free exploratory coaching sessions from JS Party co-host KBall! Click here to get started Changelog++ – You love our content and you want to take it to the next level by showing your support. We’ll take you closer to the metal with extended episodes, make the ads disappear, and increment your audio quality with higher bitrate mp3s. Let’s do this! Featuring:Dax Raad – Website, GitHub, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: AWS Amplify OpenNext SST Next.JS React Something missing or broken? PRs welcome!

Adam Argyle joins Amelia and Nick to catch them up on all the goings on within the world of CSS colors. There are a lot more options than you’d expect if you haven’t been keeping up, and Adam’s here to help you avoid the “gray dead zone”! Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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. KBall Coaching – Free exploratory coaching sessions from JS Party co-host KBall! Click here to get started Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today. Featuring:Adam Argyle – Website, GitHub, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XAmelia Wattenberger – Website, GitHub, XShow Notes: Adam’s site Color interpolation animation oklch() - CSS: Cascading Style Sheets | MDN The “Gray Dead Zone” of Gradients | CSS-Tricks - CSS-Tricks OKLCH Color Picker & Converter Wes Bos single color experiments on TikTok color-mix() - CSS: Cascading Style Sheets | MDN A Preview of 4 New CSS Color Features | CSS-Tricks - CSS-Tricks OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blog CSS HD Gradients Gradient.style Discord High Definition CSS Color Guide - Chrome Developers Something missing or broken? PRs welcome!

Feross and his team at Socket recently shipped a wrapper library for the ubiquitous npm package manager’s command-line interface that brings enhanced security when you need it most: before executing any code Bradly Farias lead this effort, so Jerod & Chris invited him on the show to learn all about it. Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com 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. KBall Coaching – Free exploratory coaching sessions from JS Party co-host KBall! Click here to get started Featuring:Bradley Meck Farias – GitHub, LinkedIn, Mastodon, XJerod Santo – GitHub, LinkedIn, Mastodon, XFeross Aboukhadijeh – Website, GitHub, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: Introducing “safe npm” Source code on GitHub Something missing or broken? PRs welcome!