JS Party: JavaScript, CSS, Web Development

The ORMazing show

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! 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. KBall Coaching – Free exploratory coaching sessions from JS Party co-host KBall! Click here to get started Featuring: Stephen Haberman – Twitter, GitHub, LinkedIn, WebsiteNick Nisi – Twitter, GitHub, WebsiteKevin Ball – Twitter, GitHub, LinkedIn, Website Show 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! Timestamps: (00:00) - It's party time, y'all(00:56) - Welcoming Stephen(02:37) - Did you hear that, Jerod?(03:16) - Defining "ORM"(05:10) - Why write a new ORM?(11:47) - The data loader pattern(17:07) - Joist vs ActiveRecord(21:49) - Why Joist uses type hints(28:56) - When Joist uses promises(32:16) - Joist's API details(35:58) - Sponsor: KBall Coaching(36:43) - Where the biz logic goes(40:16) - Lifecycle hooks(44:42) - No cycles please(46:03) - Batching & ergonomics(50:55) - Arguments against ORMs(55:09) - Thinking in entities(1:00:27) - Reactivity in Joist(1:06:57) - KBall is excited(1:09:51) - Wrapping up(1:11:15) - Next up on the pod

Making web art the hard way

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. Leave us a comment Changelog++ 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, TwitterJerod Santo – Mastodon, Twitter, GitHub, LinkedInAmelia Wattenberger – Twitter, GitHub, Website Show Notes: Myst The html Review Grid World Daniel Shiffman Drawing Lines is Hard Algorithmically generated goods by SPACEFILLER Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:55) - Welcoming Alex(01:38) - Myst!(06:50) - The grid is like a friend(09:54) - Squares vs triangles(11:32) - Look for the grids(15:20) - Hackers & painters(18:50) - Sponsor: Changelog++(19:46) - Vanilla JS(27:14) - Prose vs code(29:10) - Writing is hard(35:35) - Intentionally low-res(39:34) - Artistic code reuse(44:52) - Sponsor: KBall Coaching(45:41) - Alex's process(47:49) - Vision vs riffing(49:26) - AI for art(52:06) - Wrapping up(54:37) - Next up on the pod

SST and OpenNext

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. 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. 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 – Twitter, GitHub, WebsiteNick Nisi – Twitter, GitHub, WebsiteKevin Ball – Twitter, GitHub, LinkedIn, Website Show Notes: AWS Amplify OpenNext SST Next.JS React Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:55) - Welcoming Dax to the show(02:05) - What is SST?(05:04) - Serverless frameworks(07:58) - How a team chooses SST(10:54) - Application layer concerns(13:18) - The business model(19:15) - Sponsor: KBall Coaching(19:59) - Open source contribs(23:48) - The open source vision(26:52) - AWS: It's complicated(30:06) - SST beyond AWS(31:24) - Sponsor: Changelog++(32:18) - OpenNext and AWS(37:11) - Next 13 features?(38:36) - OpenNext on other platforms(40:47) - Who is Jim?(43:20) - Marketing gold(47:24) - What kind of Terraform?(49:29) - The roadmap(51:15) - Wrapping up(55:52) - Next up on the pod

CSS Color Party 🎉

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”! 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. 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 – Twitter, GitHub, WebsiteNick Nisi – Twitter, GitHub, WebsiteAmelia Wattenberger – Twitter, GitHub, Website Show 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! Timestamps: (00:00) - It's party time, y'all(00:39) - Welcoming Adam back to the pod(01:47) - CSS (and JS) colors are cool(03:50) - A high-level little intro(06:41) - The box of crayons(09:46) - Who can go to Discotown?(15:30) - The color functions(19:44) - Sponsor: KBall Coaching(20:25) - Gradients!(23:50) - Bringing JS to the color party(27:51) - What to use when(31:10) - Best/worst case scenarios(35:07) - Differing display support(38:30) - What is Rec 2020?(42:14) - What's changed in monitors(45:11) - Color gamuts(52:35) - Sponsor: Changelog News(54:22) - Design tool support(57:19) - Adam announces gradient.style(1:10:16) - Wrapping up(1:13:05) - Next up on the pod

Making "safe npm"

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. 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. KBall Coaching – Free exploratory coaching sessions from JS Party co-host KBall! Click here to get started Featuring: Bradley Meck Farias – Mastodon, Twitter, GitHub, LinkedInJerod Santo – Mastodon, Twitter, GitHub, LinkedInFeross Aboukhadijeh – Twitter, GitHub, WebsiteChristopher Hiller – Twitter, GitHub, Website Show Notes: Introducing “safe npm” Source code on GitHub Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(01:03) - Welcoming Bradley to the pod(02:20) - Intro to "safe npm"(05:08) - Socket in your CLI(11:08) - Devs care about different things(12:12) - Appetite for disruption(14:15) - What we want vs what we need(19:43) - Sponsor: Changelog News(20:43) - Building an npm wrapper(30:51) - Open source & security concerns(35:02) - Sponsor: KBall Coaching(35:44) - Using the npm wrapper(37:27) - Working with yarn(40:14) - npm uninstall installs stuff?!(43:32) - How Socket deals with this(45:04) - Is it vendoring npm or no?(46:56) - Windows (non) support(50:21) - What's next(53:50) - Wrapping up(54:12) - Next up on the pod(55:31) - ++BONUS FOR ALL