JS Friday Roundup #23: This Week's Best JavaScript Resources
Welcome to another edition of our Weekly JavaScript Roundup! As we wrap up another productive week in the JavaScript ecosystem, it's time to dive into the most compelling links, resources, and discussions that have caught our attention.
This Friday's collection brings together essential reads for JavaScript developers at every level. Whether you're looking to sharpen your skills with new tutorials, explore cutting-edge libraries, or stay informed about industry trends, we've curated the week's standout content to keep you at the forefront of JavaScript development.
🔥 Claude 4 is here!
Anthropic has released the next-gen Claude models:
- Claude Opus 4 — their most powerful model yet, dubbed “the world’s best coding model”. It excels at complex, long-running tasks and agent workflows. 👏
- Claude Sonnet 4 — a major upgrade over Sonnet 3.7, offering smarter reasoning, better coding support, and more accurate instruction following.
Reddit user mocks Microsoft devs confused by GitHub Copilot
A Redditor named NegativeWeb1 shared their new hobby: watching Microsoft engineers get increasingly frustrated by GitHub’s new Copilot AI in their own repos. In comments on pull requests, devs struggle to understand the AI's intent.
Microsoft recently launched this agent at Build 2025. It clones repos, analyzes code, and suggests edits or docs via RAG (Retrieval Augmented Generation). But judging by the .NET repo, it’s not going smoothly.
“If this is the future, I want off,” wrote NegativeWeb1, linking several chaotic PRs.
📜 Articles & Tutorials
Using Pages CMS for Static Site Content Management
Nginx Logging: A Complete Guide for Beginners
Git Branching Strategies: A Comprehensive Guide
Creating CSS Theme Variables from a JS file
🎥 Speed Up PostgreSQL Queries by 7x with Smarter Indexing
Advanced TypeScript manipulation features for the real world
Build a Microservice Architecture with NestJS
AutoGen 0.4 Tutorial - Create a Team of AI Agents (+ Local LLM w/ Ollama)
How to Harden Your Node.js APIs – Security Best Practices
Building a Local RAG Chat App with Reflex, LangChain, Huggingface, and Ollama
LLM Knowledge Graph Builder Front-End Architecture and Integration
MCP: Build Rich-Context AI Apps with Anthropic
How I use Cursor (+ my best tips)
Turn Any React App into an MCP Client in Under 10 Minutes
Migrating A JavaScript Project from Prettier and ESLint to BiomeJS
Creating Blob Shapes using clip-path: shape()
⚒️ Tools
Free AI Agents Learning Resource Released on GitHub
Microsoft introduced Edit, a new lightweight command-line text editor for Windows. It’s open source—available on GitHub for building or downloading the latest version. Edit supports features like mouse mode, multiple file editing, find & replace, and word wrap. It will debut soon in the Windows Insider Program preview and later be included in Windows 11.
Compass: A starter kit for online courses
📹 Record - is an open-source web app to record screen and camera directly in your browser | No installation required | No tracking | Fully local
ByteStash - A code snippet storage solution written in React & node.js
Cap - Open source Loom alternative. Beautiful, shareable screen recordings.
PptxGenJS - A JavaScript library for creating PowerPoint presentations in the browser or Node.js. It supports various features like text, images, charts, and more.
📚 Libs
TanStack/db: A reactive client-side store designed for building ultra-fast, synchronized apps
mini-photo-editor - Online webgl photo editor with effects, filters and cropping
MinIO: AWS S3, but free and open-source - MinIO is a high-performance, distributed object storage system that is compatible with the Amazon S3 API. It is designed for large-scale data storage and retrieval, making it suitable for cloud-native applications.
Lightpanda: the headless browser designed for AI and automation
cropperjs - A JavaScript image cropper that provides a simple and efficient way to crop images in the browser. It supports various features like aspect ratio, rotation, and zooming.
ofc - A command-line Ollama client for scripting.
⌚ Releases
Obsidian 1.9.0 released: Notion-style database plugin and new footnote view
Obsidian v1.9.0 is out in early access. The update brings a new Notion-like database plugin called Base (with custom columns, types, formulas, and .base files), an improved footnote editor that keeps your cursor in place, and several tweaks:
- Deprecated
tag,alias, andcssclassin favor oftags,aliases, andcssclasses(now lists). - Dark mode fix for whitespace in history.
- Pinned tabs behave better with the close button.
- File move works without the file manager plugin.
window.open(url, 'external')opens URLs in the user's default browser.- Libraries updated:
idbto 8.0.2,yamlto 2.7.0.
🎧 Ocenaudio 3.15 Released — Free Cross-Platform Audio Editor
Ocenaudio 3.15 is out, built on Qt and available for Windows (including portable), macOS, and Linux. This free, multi-platform audio editor supports VST plugins and built-in effects with real-time preview and advanced controls.
🧠 Microsoft Launches Windows AI Foundry
Microsoft has unveiled Windows AI Foundry, a unified platform for building and running AI models locally. It streamlines AI development on Windows devices, making it easier to deploy and test models directly on user hardware.
Astro 5.8 Released: Astro 5.8 is out with new features, including a new astro:head component for managing document head elements, improved support for TypeScript, and enhanced performance optimizations.
Introducing Hyper — Standards first React alternative (Developer Preview)
📺 Videos
GraphQL Super Simplified (Course)
How I Built a Web Scraping AI Agent - Use AI To Scrape ANYTHING
Google's Git Killer Is INSANELY Better (and it's open source)
AI-Scraping Is Getting Crazy Easy Now
5 CSS tips every developer should know
HTML, CSS & JavaScript Full Course - Build 15 Projects
Better Auth Full Tutorial with Next.js, Prisma ORM, PostgreSQL, Nodemailer
Finally React Native UI Components
Build Perplexity AI Clone with Next.js, React,Tailwind Css, Inngest | Full Stack AI App
Build a Stunning 3D Gaming Website with React, Tailwind CSS & Spline
React's New Activity Component: Huge Performance Win!
SaaS App Full Course 2025 | Launch Your SaaS in Under 7 Days with Next JS, Supabase & Payments
🎤 Talks & Podcasts
No content this week 😢
🗞️ News & Updates
Red Hat launches llm-d: open-source distributed LLM inference on Kubernetes
Red Hat has released llm-d, an open-source, high-performance distributed inference framework for large language models (LLMs) built on Kubernetes. Available on GitHub under the Apache 2.0 license, the project aims to scale generative AI workloads efficiently.
Co-developed with Nvidia, AMD, Intel, IBM, Google Cloud, Hugging Face, and others, llm-d leverages vLLM, LMCache, and AI-optimized network routing to support scalable, distributed inference.
Key features:
- Inference scheduler for vLLM
- Disaggregated serving and prefix caching
- Autoscaling based on hardware, load, and traffic
🚀 Google Launches Stitch — a Free Website & App Generator
- Generates clean, stylish designs
- Powered by Google’s advanced Gemini model
- Seamless export to Figma with just a couple of clicks (via "Copy to Figma")
- Every element is fully editable
A perfect tool for quick prototyping and design workflows.
📰 AI Fakes Dominate Chicago Sun-Times' Summer Reading List
The Chicago Sun-Times sparked controversy after publishing a summer reading list with 10 out of 15 books generated by AI — and entirely fictional. Titles like Tidewater Dreams by Isabel Allende and Hurricane Season by Brit Bennett don't exist.
A freelancer admitted to copying the list from AI without verification. The incident also exposed fake quotes and sources in other articles. The newspaper has apologized and promised stricter editorial checks going forward.
That's a wrap on this week's JavaScript Roundup! We hope you've discovered some valuable resources to enhance your development workflow and expand your JavaScript knowledge.
The JavaScript ecosystem continues to evolve at a rapid pace, and staying connected with the community is more important than ever. Whether you bookmarked a new tutorial, found your next favorite library, or gained insights into emerging patterns, these weekly discoveries help us all grow as developers. Don't forget to share your own finds with the community. If you've come across an exceptional JavaScript resource this week that deserves recognition, we'd love to hear about it. Your contributions help make these roundups even more valuable for fellow developers.
See you next Friday for another collection of JavaScript gems. Until then, happy coding!