🎉 tsParticles 4: A Particle Engine for Web Effects

External content

injavascriptweekly

🎉 tsParticles 4: A Particle Engine for Web Effects

The article introduces a versatile JavaScript library designed to add festive visual effects—such as confetti cannons, fireworks, ribbons, fireflies, and snow—to web pages. Compatible with all major frameworks as well as vanilla JS, this tool makes it easy for developers to enhance user experiences with eye-catching animations. Live demos showcase the variety and quality of effects available, making it a practical choice for celebrations, notifications, or simply adding a touch of fun to any project. The library’s straightforward integration and broad compatibility ensure it can be used in a wide range of web applications.
JavaScript
Front End
Web Development
5 min read
Hocuspocus 4: Add Real-Time Collaboration to Any App

External content

injavascriptweekly

Hocuspocus 4: Add Real-Time Collaboration to Any App

The article introduces a new plug-and-play real-time collaboration backend built on Yjs, designed to make it easy for developers to add multi-user collaborative features to JavaScript applications. This backend solution is highly flexible, running seamlessly on Node, Bun, Deno, or Cloudflare Workers, and is ideal for quickly wiring up collaborative editing, drawing, or other shared experiences. With its robust architecture, developers can focus on building engaging user interfaces while relying on the backend to handle real-time data synchronization and conflict resolution. The open-source project is available on GitHub, making it accessible for integration and further customization.
JavaScript
GitHub
Cloudflare
6 min read
📊 Plotly 3.6: The Declarative Graphing Library

External content

injavascriptweekly

📊 Plotly 3.6: The Declarative Graphing Library

The article highlights a long-standing and versatile visualization library that has become a staple not only in the JavaScript world but also in the Python and R ecosystems. This library supports over 50 different visualization types, ranging from basic charts and graphs to advanced maps, plots, and heatmaps, making it a powerful tool for data analysis and presentation. Its cross-language popularity and extensive feature set have made it a go-to choice for developers and data scientists seeking to create clear, interactive, and informative visualizations. The article explores the library’s capabilities, ease of integration, and the wide range of use cases it supports.
JavaScript
Data Science
Python
6 min read
TypeScript Tips Everyone Should Know

External content

injavascriptweekly

TypeScript Tips Everyone Should Know

The article offers a concise collection of tips aimed at helping developers write safer and cleaner JavaScript and TypeScript code. It emphasizes practical habits and coding patterns that reduce errors and improve code maintainability, making it a valuable resource for both beginners and experienced programmers. Importantly, the author reminds readers that while TypeScript can enhance code correctness and catch many mistakes at compile time, it is not a silver bullet. Good architecture and careful attention to runtime behavior are still essential, as TypeScript cannot prevent all bugs or design flaws.
JavaScript
TypeScript
Web Development
5 min read
Angular Signal Forms: The Missing Create/Edit Pattern

External content

inangularexperts

Angular Signal Forms: The Missing Create/Edit Pattern

The article "Angular Signal Forms: The Missing Create/Edit Pattern" introduces a practical approach for handling both create and edit flows in Angular applications using Signal Forms. Instead of building separate forms or complex components, the author demonstrates how to use a single form component that switches between create and edit modes based on the route. If an ID is present in the URL, the form loads existing data for editing; otherwise, it initializes with an empty model for creation. This pattern ensures clean initialization, efficient data loading, and clear submission logic—branching to either create or update actions as needed. It also supports context-aware validation, allowing validators to access information like the current item’s ID, which is useful for rules such as unique field checks.
Angular
JavaScript
Web Development
8 min read
How to Evaluate an npm Package: 2026 Edition

External content

injavascriptweekly

How to Evaluate an npm Package: 2026 Edition

The article presents a practical checklist for evaluating JavaScript packages before adding them to your project, going far beyond simply checking star counts. It guides developers through key factors such as provenance attestation, the presence of install scripts, the quality of continuous integration (CI) processes, and how responsive maintainers are to issues and updates. By following this checklist, developers can more confidently spot potential red flags and avoid problematic dependencies, improving both security and project stability. The article emphasizes the importance of due diligence in today’s fast-moving open-source ecosystem, helping teams make smarter choices before running npm install.
JavaScript
Security
Open Source
Web Development
7 min read
Why Does tsgo Use So Much Memory?

External content

injavascriptweekly

Why Does tsgo Use So Much Memory?

The article examines the new Go-powered TypeScript 7 compiler, highlighting its impressive speed and efficiency when handling large-scale projects. By leveraging Go’s concurrency and performance features, the compiler can process gigabytes of code much faster than previous versions, making it a significant upgrade for developers working with extensive TypeScript codebases. The author delves into the technical reasons behind this performance boost, explaining how the Go implementation manages memory and parallel tasks to optimize compilation times. The article also addresses some of the challenges and trade-offs involved in this transition, offering insights for teams considering an upgrade.
TypeScript
Go
Performance
JavaScript
Web Development
7 min read
🤖 Using AI to Write Better Code More Slowly

External content

injavascriptweekly

🤖 Using AI to Write Better Code More Slowly

The article explores the perspective of a prolific JavaScript developer who challenges the common belief that large language models (LLMs) are only useful for generating code quickly—often at the expense of quality. Instead, the author argues that LLMs can be powerful tools for writing higher quality code, especially when used thoughtfully and at a slower, more deliberate pace. By leveraging LLMs for tasks like code review, refactoring, and exploring alternative solutions, developers can enhance their understanding and produce more robust, maintainable code. The article provides practical examples and insights into how LLMs can support a more mindful and effective development process.
AI
JavaScript
Web Development
LLM
6 min read
Intentionally Blocking Rendering with JavaScript

External content

injavascriptweekly

Intentionally Blocking Rendering with JavaScript

The article discusses the trade-offs involved in using inline render-blocking scripts in web development. While such scripts are often discouraged for performance reasons, the author argues that, in some cases, they can be a worthwhile compromise to prevent aggressive layout shifts and improve the overall user experience. By strategically placing small, render-blocking scripts, developers can ensure that critical layout elements are rendered consistently, reducing visual instability as the page loads. The article provides practical examples and guidance on when this approach makes sense, helping teams balance performance with visual reliability.
JavaScript
Web Development
Performance
Front End
5 min read
The Vercel Breach That Started with a Roblox Cheat

External content

injavascriptweekly

The Vercel Breach That Started with a Roblox Cheat

A recent security incident affected Vercel, a popular platform for frontend developers, when an employee of an AI tool provider used by a Vercel staff member was compromised by malware. The malware, which was bundled with a Roblox cheat, allowed attackers to gain access to the provider’s Google Workspace account. Using this foothold, the attacker was able to reach a subset of Vercel customers’ environment variables, potentially exposing sensitive information. Vercel responded quickly by investigating the breach, notifying affected customers, and taking steps to secure their systems. The company emphasized that the attack did not originate from Vercel itself, but through a third-party provider, highlighting the risks associated with supply chain vulnerabilities and the importance of robust security practices across all integrated tools. The incident serves as a reminder for organizations to regularly review their third-party integrations and monitor for unusual activity, especially when using external AI tools and cloud services. Vercel continues to work with impacted customers and security experts to ensure the safety of their platform.
Security
Cloud
AI
4 min read
Cloudflare: How we rebuilt Next.js with AI in one week
inFR Media

Cloudflare: How we rebuilt Next.js with AI in one week

Cloudflare introduced vinext, a Vite-based reimplementation of the Next.js API surface for Cloudflare Workers and other platforms where standard Next.js deployment can be difficult or require adapters/workarounds. The article explains why this story was a success one: its API is well documented, the ecosystem has a lot of public knowledge, Next.js has a strong test suite, and Vite provided a solid foundation to build on.
NextJS
vite
AI
5 min read
---