Hello Web Developer subscribers, I've migrated the newsletter to a self-hosted service site and am actively developing the frontend. I'll provide more details later on the modern tech stack used to build a full-stack blog and newsletter.

---
## 💼 Sponsored

[![murf_ai_banner](https://img.upweb.dev/content/3cdd4f33-801x350.png)](https://lu.ma/0dzhcc01?utm_source=webdeveloper&utm_medium=newsletter&utm_campaign=codingchallenge_june)

[Murf AI](https://lu.ma/0dzhcc01?utm_source=webdeveloper&utm_medium=newsletter&utm_campaign=codingchallenge_june) is a powerful voice solution that generates multilingual, highly realistic voice content. Achieve precise control through its RESTful API and Python SDK. The first 100,000 characters are completely free, [so start creating amazing content now](https://lu.ma/0dzhcc01?utm_source=webdeveloper&utm_medium=newsletter&utm_campaign=codingchallenge_june), and you still have a chance to win big prizes.

Murf AI has launched a new coding challenge open to everyone! Participate for a chance to win from a $1000 prize pool and 1 million Murf API credits. [Apply now](https://lu.ma/0dzhcc01?utm_source=webdeveloper&utm_medium=newsletter&utm_campaign=codingchallenge_june)! 

The newly launched [Streaming API is now available](https://lu.ma/0dzhcc01?utm_source=webdeveloper&utm_medium=newsletter&utm_campaign=codingchallenge_june), supporting real-time generation of natural speech—perfect for interactive applications, virtual assistants, or real-time voice scenarios.

---

## Articles

[SOLID Design Principles Every JavaScript Developer Should Know](https://jsdev.space/solid-design-principles/)

The key to writing scalable applications, this article explains these five principles with simple JS examples.

[How to Use if() Correctly in CSS](https://css-tip.com/inline-if/)

CSS is adding ways to express conditions using `if` and `else`, but there are some points to note.

[React and Its Community in 2025](https://blog.isquaredsoftware.com/2025/06/react-community-2025/)

Reflections on React's development journey and answers to common community confusions.

[TanStack Start vs. Next.js: Choosing the Right Full-Stack React Framework](https://blog.logrocket.com/tanstack-start-vs-next-js-choosing-the-right-full-stack-react-framework/)

Compares the differences between TanStack Start and Next.js. As a new framework, TanStack Start has good compatibility with mainstream community modules.


## Tools

[syntax-highlight-element](https://github.com/andreruffert/syntax-highlight-element)

An interesting tool that highlights code without wrapping span elements, using the modern [CSS Custom Highlight API](https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API)

[NeoHtop](https://github.com/Abdenasser/neohtop)

A super-fast system monitor for your desktop (built with Rust, Tauri, and Svelte)

[Linux Commands Cheat Sheet 💻🐧](https://zerotomastery.io/cheatsheets/linux-commands-cheat-sheet/)

A short and quick guide to help learn some key, commonly used Linux commands

[cropperjs](https://github.com/fengyuanchen/cropperjs)

A JavaScript image cropper that provides a simple and effective way to crop images in the browser. It supports various features such as aspect ratio, rotation, and zooming.