JavaScript Insights #18: This Week in Web Development
Welcome to another edition of Weekly JavaScript Roundup! Every Friday, we compile the latest JavaScript news, updates, and must-read resources. Whether you're looking for framework updates, best practices, or new tools, we’ve got you covered.
📜 Articles & Tutorials
Architectures of modern Front-end applications
Clean Frontend Architecture: Tips to Success
How to Build a Replit Clone with Socket.io, Monaco Editor, and Copilotkit
How to build a CMS with React-Admin
What is CSS Subgrid? A Practical Tutorial
Mastering Docker and Jenkins: Build Robust CI/CD Pipelines Efficiently
How to Create Wavy Boxes Using CSS
Request for developer feedback: customizable select
Event-Driven Architecture for Clean React Component Communication
Typecasting and Viewport Transitions in CSS With tan(atan2())
⚒️ Tools
Feature Rich Svelte UI Components
dtsroll - A tool to generate TypeScript declaration (.d.ts) files.
Mastra – Open-source JS agent framework, by the developers of Gatsby and Apollo
ReactLens Analytics - A new way to understand your React app.
📚 Libs
polar - An open source Merchant of Record. Sell SaaS and digital products in minutes. Alternative to Stripe.
impact - Yet another state management library for React.
astro-font - astro-font will automatically optimize your Custom Fonts, Local Fonts, Fonts over any CDN and Google fonts for performance.
png2embeddedjson - Convert PNG images to embedded JSON with Base64-encoded RGB565 data for microcontrollers and runtimes like the RP2040 and Kaluma.
tiny-static-map - A tiny library to generate static maps using OpenStreetMap.
BritCSS - Fixes CSS to use non-bastardised spellings.
human-regex - Human-friendly regular expression builder with English-like syntax.
⌚ Releases
Excalibur v0.30.0 Release - Excalibur is an open-source HTML5 game engine.
BenchJS - A new benchmarking tool for JavaScript.
pnpm 10.3 released - run pnpm self-update to update.
Pixijs v8.8.0 - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
📺 Videos
Protect Server Actions In Next.js The Right Way
Javascript's New Pipeline Operator Is Awesome!
Upload Video In React & Next.js Is Easy Now (+ Progress Bar, Custom Button, ImageKit)
I was bad at Data Structures and Algorithms. Then I did this.
Full NGINX Tutorial - Demo Project with Node.js, Docker
PERN Stack Course: Build a Product Store with Postgres & React
AWS Full Course - Solutions Architect [9 Hours] | AWS Certified Solutions Architect [2025]
That’s a wrap for this week’s Weekly JavaScript Roundup! Check back next Friday for more JavaScript insights. Have a link to share? Drop it in the comments or tag us online. Happy coding!