Hey there,

React 19.2 just dropped with new hooks and SSR improvements. Microsoft and Google are teaming up on WebMCP—a way to control AI agents with JavaScript. Plus, we've got a TypeScript framework for building your own AI agents, and some essential NPX security tips you should know about.

---
## 💼 Sponsored

[![img](https://img.upweb.dev/content/bf0a438b-1292x646.png)](https://pinata.cloud/?utm_source=upweb&utm_medium=newsletter)

As a developer, your time is valuable. That’s why [Pinata’s](https://pinata.cloud/?utm_source=upweb&utm_medium=newsletter) File API is built to simplify file management, letting you add uploads and retrieval quickly and effortlessly. Forget the headache of complex setups—our API integrates in minutes, so you can spend more time coding and less time on configurations. With secure, scalable storage and easy-to-use endpoints, Pinata takes the stress out of file handling, giving you a streamlined experience to focus on what really matters: building your app.

[Start building!](https://pinata.cloud/?utm_source=upweb&utm_medium=newsletter)

---

## 📰 Articles

[React 19.2 Release](https://react.dev/blog/2025/10/01/react-19-2)

React 19.2 introduces new hooks and partial pre-rendering features for SSR. Chrome DevTools adds a new custom track providing enhanced React performance insights.

[Mastering NPX: A Cheatsheet for npm and Node.js Power Users](https://www.nodejs-security.com/blog/mastering-npx-cheatsheet-npm-nodejs-power-users)

NPX makes it convenient to execute commands from local or remote npm packages. This article covers useful tips and important security considerations.

[How WebMCP Lets Developers Control AI Agents With JavaScript](https://thenewstack.io/how-webmcp-lets-developers-control-ai-agents-with-javascript/)

WebMCP is a new proposal from Microsoft and Google that allows developers to use client-side JavaScript to control how AI agents interact with websites.

[How much do you really know about media queries?](https://frontendmasters.com/blog/learn-media-queries/)

This article presents a comprehensive list of common media queries and explains their various use cases.

## 🛠️ Tools

[mastra](https://github.com/mastra-ai/mastra)

A TypeScript framework for building AI agents and assistants. Integrates with any LLM provider and can build knowledge bases for your agents. Originally created by Gatsby team members.

[npm-check-updates](https://github.com/raineorshine/npm-check-updates)

An npm package that finds newer versions of package dependencies than what's allowed in package.json. If you're using VS Code or similar editors, consider the [Version Lens](https://open-vsx.org/extension/pflannery/vscode-versionlens) plugin as an alternative.

[modern-tar](https://github.com/ayuhito/modern-tar)

A zero-dependency streaming tar parser and writer for different JavaScript runtimes. Compatible with the classic tar archive format.

[embed-pdf-viewer](https://github.com/embedpdf/embed-pdf-viewer)

An open-source, free PDF viewer that seamlessly integrates with any JavaScript project.

[verdaccio](https://github.com/verdaccio/verdaccio)

A simple, zero-config local private npm registry. Start using it without a full database—it has its own lightweight database and supports plugins to connect to services like Amazon S3, Google Cloud Storage, and more.

------

## 📬 Stay Connected

Thank you for reading this week's newsletter! If you found this useful, please share it with your colleagues and friends.

Have suggestions or want to contribute? Reply to this email and let us know what you'd like to see in future issues.