▶  Zod vs. Valibot: A JS/TS Validator Battle

External content

Jack HerringtonJack Herrington
injavascriptweekly

▶  Zod vs. Valibot: A JS/TS Validator Battle

In this insightful video, the host delivers a head‑to‑head comparison between Zod and Valibot, two popular JavaScript/TypeScript validation libraries. Viewers learn how each library handles schema definition, runtime type validation, error reporting, and optional-field support—all explained with clean examples and a focus on clarity and brevity.

The walkthrough covers bundle size, with Valibot’s modular "pipe"-style schema definitions offering a significantly smaller footprint than Zod’s full bundle, and performance benchmarks showing Valibot often outpaces Zod in initialization speed. The video also explores customization workflows—including custom validators, JSON schema generation, and how each library enables effective TypeScript integration.

A highlight moment features praise from Zod’s creator, who called the video “incredible... succinct and clear,” underlining its value as a practical resource for developers choosing between the two libraries.

JavaScript
TypeScript
Validation
12 min watch
▶  The Untold Story of JavaScript

External content

Deno
inyoutube

▶  The Untold Story of JavaScript

This crisp 8-minute video by Deno offers a whirlwind tour of JavaScript’s 30-year journey. It covers the language’s rapid birth in 1995, standardization through ECMAScript, and major browser-era innovations like the DOM and AJAX. It zooms past server-side expansion (Node.js), type systems (Flow, TypeScript), modern bundlers, and frameworks—highlighting the rise of React and Deno’s own role in evolving the ecosystem.

JavaScript
Web Development
NodeJS
Deno
8 min watch
▶  Talks from Svelte Summit Spring 2025

External content

Svelte SocietySvelte Society
injavascriptweekly

▶  Talks from Svelte Summit Spring 2025

The Svelte Summit Spring 2025 playlist features a series of talks from the event held in Barcelona on May 8–9, 2025. The keynote, What Svelte Promises by Rich Harris, outlines the framework's vision for the future, emphasizing its commitment to simplicity and developer experience. Other notable sessions include Scott Tolinski's discussion on building local-first applications with Svelte, Matias Capeletto's exploration of the shared journey of Vite and Svelte, and Gregor Aisch's introduction to SveltePlot, a layered grammar of graphics visualization framework for Svelte. The summit also covered topics like component testing with Storybook and Vitest, real-time data visualization, and strategies for migrating large-scale applications to Svelte.

The talks cater to a diverse audience, from developers interested in the technical aspects of Svelte to those looking to understand its community and ecosystem. The content is accessible to both newcomers and experienced developers, offering insights into the practical applications of Svelte in various contexts. The videos are available on the Svelte Society YouTube channel, providing an opportunity for the broader community to engage with the summit's content.

Svelte
JavaScript
Web Development
6 hours watch
▶  The 3 Ways JavaScript Frameworks Render the DOM

External content

Ryan CarniatoRyan Carniato
injavascriptweekly

▶  The 3 Ways JavaScript Frameworks Render the DOM

SolidJS creator Ryan Carniato explores three primary rendering strategies employed by modern JavaScript frameworks: Virtual DOM (VDOM), fine-grained reactivity, and compiled output.

Key Highlights:

  1. Virtual DOM (VDOM): Frameworks like React utilize a VDOM to batch updates and reconcile changes efficiently. While this approach simplifies development, it can introduce performance overhead due to the need for diffing and re-rendering entire component trees.
  2. Fine-Grained Reactivity: SolidJS adopts a fine-grained reactivity model, where updates are precisely targeted to affected parts of the DOM. This method eliminates the need for a VDOM, resulting in more efficient updates and improved performance.
  3. Compiled Output: Frameworks such as Svelte compile templates into optimized JavaScript code during build time. This approach removes the runtime overhead associated with VDOM diffing or reactive tracking, leading to faster execution.

Carniato provides visual comparisons and code examples to illustrate how these rendering strategies impact performance, developer experience, and application scalability. The video serves as an insightful overview for developers interested in understanding the trade-offs between different rendering paradigms in JavaScript frameworks.

Framework
JavaScript
Front End
16 min watch
▶  Modern Performance Debugging in Chrome DevTools

External content

Paul IrishPaul Irish
injavascriptweekly

▶  Modern Performance Debugging in Chrome DevTools

Paul Irish introduces the redesigned Chrome DevTools Performance panel, highlighting its new features aimed at enhancing accessibility and versatility for developers.

Key Highlights:

  • Clean and Accessible UI: The Performance panel now features a streamlined interface, making it easier for developers to navigate and interpret performance data.
  • Annotations and Insights: New annotations provide contextual information directly within the performance timeline, assisting in identifying performance bottlenecks more efficiently.
  • AI Assistance: Integration with AI tools offers automated performance insights, helping developers understand complex performance issues and suggesting potential optimizations.
  • Enhanced Metrics Visualization: The panel now presents Core Web Vitals and other key performance metrics more prominently, aiding in quick assessments of page performance.
Debugging
Performance
Web Development
10 min watch
▶  What's New in Angular

External content

Chasanoff and Thompson (Google)Chasanoff and Thompson (Google)
injavascriptweekly

▶  What's New in Angular

In this session from Google I/O 2025, Angular team members Mark and Devin unveil the upcoming features in Angular v20, slated for release on May 29. Key highlights include the stabilization of the Signals API, introduction of Zoneless Angular for improved change detection, enhancements in server-side rendering (SSR) with event replay and incremental hydration, and new developer tools like a custom Angular track in Chrome DevTools. The session offers a comprehensive overview of Angular's evolution towards a more reactive and performance-optimized framework.
Angular
Front End
JavaScript
Web Development
41 min watch
▶  An Introduction to JavaScript Frameworks

External content

Ryan CarniatoRyan Carniato
injavascriptweekly

▶  An Introduction to JavaScript Frameworks

In this concise 11-minute video, SolidJS creator Ryan Carniato compares the core philosophies and reactivity models of five major frontend frameworks: React, Angular, Vue, Svelte, and Solid. He breaks down how each framework handles rendering, state updates, and component lifecycles, offering a clear, side-by-side look at their design trade-offs. The video is dense but highly informative, making it ideal for developers seeking a quick yet insightful overview of modern JavaScript UI frameworks.
Framework
Angular
React
Svelte
SOLID
VueJS
JavaScript
11 min watch
▶  React Query API Design: Lessons Learned

External content

Dominik Dorfmeister (TkDodo)
injavascriptweekly

▶  React Query API Design: Lessons Learned

TypeScript
React
30 min watch
---