JS Party: JavaScript, CSS, Web Development

Is print debugging good enough?

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? 😉 Leave us a comment Changelog++ 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 iterlly can’t get any faster! Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today. Featuring: Eric Clemmons – Twitter, GitHubJerod Santo – Mastodon, Twitter, GitHub, LinkedInKevin Ball – Twitter, GitHub, LinkedIn, WebsiteAmal Hussein – Twitter, GitHub Show Notes: patch-package replay.io Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:40) - Welcoming our debaters(01:41) - Amal intros Eric(03:15) - Setting the debate stage(06:48) - Amal's opening statement(08:28) - KBall's rebuttal(10:28) - Eric's turn(11:57) - Jerod's response(14:48) - Amal round 2(15:32) - KBall round 2(16:31) - Eric round 2(17:35) - Jerod round 2(18:56) - Amal round 3(20:02) - KBall round 3(21:22) - Eric round 3(22:35) - And the winner is...(23:34) - Sponsor: Changelog News(25:42) - Real thoughts begin(37:14) - How Eric finds bugs(38:46) - Bug sources > symptoms(41:34) - One thing at a time(42:15) - On intuition(45:15) - Happy path assumptions(47:58) - It's almost always your code(50:34) - Check out patch-package(53:15) - replay.io(55:53) - Time-travel debugging(58:26) - Closing time(1:00:04) - Outro

It's all part of the process

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. Leave us a comment Changelog++ 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 iterlly can’t get any faster! Featuring: Kevin Ball – Twitter, GitHub, LinkedIn, WebsiteAmal Hussein – Twitter, GitHubChristopher Hiller – Twitter, GitHub, Website Show 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! Timestamps: (00:00) - It's party time, y'all(00:40) - Hellooooo party people(01:52) - PR etiquette(08:46) - Effective feedback(14:21) - Synchronous reviews(15:24) - Levels of feedback(18:03) - CI/CD(21:28) - Too much CI?(24:37) - Continuous deployment(27:50) - Feature branches(34:43) - Tickets(39:13) - Ticket comms(41:19) - More on comms(48:42) - Closing thoughts(51:07) - Closing time(51:32) - Coming soon on the pod

Million ways to render

Million.js is a JavaScript library that helps render large datasets in the browser efficiently using a virtual DOM and custom diffing algorithm. Aiden and Tobi join Nick to talk about what it does, it’s goals, and where it’s going. Leave us a comment Changelog++ 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. 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: Aiden Bai – Twitter, GitHub, WebsiteTobi Loba – Twitter, GitHub, LinkedInNick Nisi – Twitter, GitHub, Website Show Notes: Million.js Million Discord Next.js Rules of Blocks React What is the virtual DOM in React? Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all!(00:39) - Welcoming our guests(03:11) - Intro to Million.js(09:17) - Component limitations?(11:17) - Technical difficulties(11:44) - Sponsor: Changelog News(13:38) - Nobody reads docs!(15:40) - Compatibility story(17:00) - What it's actually doing(19:31) - Svelte & Virtual DOM(20:11) - Helpers & tooling(22:32) - Sponsor: KBall Coaching(23:17) - Origin of the name(24:43) - React team relationship(29:35) - The future(32:18) - Potential blockers(35:59) - A note on Solid(38:51) - Getting involved(39:44) - Closing time(41:23) - Next up on the pod

Digging through Nick Nisi’s tool box

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. Leave us a comment Changelog++ 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 – Twitter, GitHub, LinkedIn, WebsiteNick Nisi – Twitter, GitHub, Website Show 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! Timestamps: (00:00) - It's party time, y'all!(00:45) - The one and only(01:47) - dotfiles(02:56) - Homebrew(05:50) - Nerd Fonts(07:29) - WezTerm(10:32) - RipGrep(12:02) - fzf(15:24) - Zoxide(17:15) - Sponsor: Changelog News(18:38) - tmux(30:21) - Neovim(34:16) - Plugins(42:59) - His beloved TypeScript(44:16) - Obsidian(50:44) - Yabai(53:31) - Raycast(55:46) - Omnifocus(58:01) - Closing time(59:12) - Outro

Exciting! Exciting? !Exciting

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! Leave us a comment Changelog++ 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 – Mastodon, Twitter, GitHub, LinkedInNick Nisi – Twitter, GitHub, WebsiteKevin Ball – Twitter, GitHub, LinkedIn, Website Show 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! Timestamps: (00:00) - It's party time, y'all(00:46) - Let's get excited(02:28) - CVA... ELI5!(08:11) - CVA... ELI41!(11:50) - Cleanup in aisle Tailwind(15:12) - @apply vs CVA(18:10) - Type safe composition(19:51) - Sponsor: Changelog News(21:44) - KBall's new stack(26:25) - GenAI diversion(27:17) - KBall's full stack(31:20) - KBall's new app(35:11) - Coding: the fun parts(41:12) - Bun's new bundler(44:14) - MDN's new Baseline(48:24) - VanJS(52:50) - TypeScript vs JSDoc(58:09) - Dance it out(58:42) - Next up on the pod