TypeScript on Omid Farhang

Modern Auth Patterns for Angular Frontends (Beyond “Just Add JWT”)

Fri, 31 Jul 2026 00:40:00 +0330

Stop storing JWTs in localStorage. Use OIDC with a BFF or reverse proxy, short-lived server-side tokens, HttpOnly cookies, and Angular interceptors and guards that do not pretend to be your security boundary.

Why Client-Side Frameworks Need Security Updates

Wed, 29 Jul 2026 00:41:00 +0330

Browser frameworks still own sanitization, request protection, and SSR isolation. Three recent Angular CVEs show why framework patches are part of every client-side app’s security boundary.

Securing Angular PWAs in 2026

Wed, 22 Jul 2026 00:42:00 +0330

Security for Angular Progressive Web Apps: HTTPS and service worker scope, cache strategies that do not leak auth-dependent data, and offline sessions without raising XSS or CSRF risk.

Dependency Risk, SBOMs, and Automated Security for Angular

Sat, 18 Jul 2026 00:45:00 +0330

Build an SBOM and CI security pipeline for Angular monorepos: npm audit, ng update --dry-run, fail on high-severity CVEs, Dependabot/Snyk, and post summaries to Slack or Mastodon.

Content Security Policy (CSP) and Angular: Practical Patterns

Wed, 15 Jul 2026 00:50:00 +0330

Ship CSP for Angular without breaking the build: report-only first, nonces via autoCsp or ngCspNonce, nginx/Apache/Cloudflare headers, and a small scanner for inline handlers, eval, and other footguns.

TypeScript 7 Is Here: Fast, Exciting, and Worth Watching

Fri, 10 Jul 2026 02:03:30 +0330

TypeScript 7's native port delivers dramatic build-time speedups, but editor plugins, framework tooling, and monorepo workflows are catching up at different speeds. A practical read for teams deciding when to adopt.

i18n, a11y, and Shareable Lab State in the Browser

Sat, 13 Jun 2026 10:00:00 +0330

How Bio-Dynamics supports English, German, and Persian, keeps keyboard and screen-reader paths usable, and encodes lab checkpoints in the URL.

Catalog-Driven Dashboard: Strains, Stressors, and Action Impact

Fri, 12 Jun 2026 10:00:00 +0330

How Bio-Dynamics keeps 82 stressors, 20 strains, and four catalog tabs maintainable — and previews biome deltas before you click.

Macro/Micro 3D: One Scene Graph, Seven Tissue Builders

Thu, 11 Jun 2026 10:00:00 +0330

How Bio-Dynamics uses Three.js to fly from a rotatable body map into region-specific tissue cross-sections with instanced microbes and simulation-linked visual effects.

Designing a Deterministic Microbiome Simulation Without Overclaiming Science

Wed, 10 Jun 2026 10:00:00 +0330

How Bio-Dynamics models barrier integrity, emergent inflammation, and microbe competition in a 30 Hz tick engine — with golden tests that keep the educational demo honest.

Building Bio-Dynamics: An Educational 3D Microbiome Lab in the Browser

Tue, 09 Jun 2026 10:00:00 +0330

Why I built a full-body microbiome sandbox — for education, open development storytelling, and exploring simulation and 3D outside my usual frontend lane.

How to Build a Frontend Testing Strategy That Actually Scales

Tue, 09 Jun 2026 01:50:00 +0330

A practical frontend testing strategy for large teams: how to choose between unit, integration, component, and end-to-end tests in a real Angular codebase without creating slow, fragile coverage.

Stop Modeling Angular Screens with Five Booleans

Tue, 02 Jun 2026 01:15:00 +0330

Most Angular UI bugs come from screens modeled as scattered flags. Replace loading, error, empty, and ready booleans with one explicit state model your templates and reviewers can trust.

The Hidden Cost of Nice Syntax: When Angular's New Template Features Make Code Harder to Reason About

Tue, 26 May 2026 02:48:00 +0330

Angular's newer template syntax is powerful, but spread/rest, arrow functions, multi-case switches, and richer control flow need team rules before clever templates become maintenance debt.

Signal Forms Aren't Just a Forms API Update: They Change How You Model UI State

Mon, 25 May 2026 02:48:00 +0330

Signal Forms push Angular forms toward explicit state modeling, where validation, submission, async work, and derived UI state live in the same reactive graph.

Yet Another Frontend Framework? The Rise Of Svelte

Sat, 22 Jun 2024 02:38:09 +0330

As we advance into 2024, the landscape of frontend development continues to evolve at a rapid pace. Developers are always on the lookout for frameworks that offer more efficiency, better performance, and ease of use. Among the numerous frameworks making waves this year, a few stand out due to their unique offerings and growing adoption:

React: A robust and flexible library maintained by Facebook, still reigning as the most popular framework for building user interfaces.
Vue.js: Known for its simplicity and ease of integration, Vue.js is a favorite for many developers who need to quickly spin up a project.
Angular: A powerful framework backed by Google, Angular is widely used for building large-scale enterprise applications.
Svelte: A newer but rapidly growing framework that offers a unique approach to building web applications with a focus on performance and simplicity.

While React, Vue, and Angular have been the go-to choices for many developers over the past few years, Svelte is increasingly capturing the attention of the development community. Let’s dive deeper into what makes Svelte stand out and why it’s becoming a preferred choice for many.

Advanced State Management in React with Recoil: Atom Families, Selectors, and Async Queries

Fri, 14 Jun 2024 17:02:20 +0330

Managing state in React applications has evolved significantly, from simple state hooks to sophisticated libraries that handle complex state scenarios. Recoil is a powerful state management library for React that addresses many limitations of traditional state management approaches. It provides a flexible and scalable way to handle state, particularly in large applications. This blog post will explore advanced state management techniques using Recoil, focusing on atom families, selectors, and handling asynchronous queries.

Deep Dive into Advanced TypeScript: Conditional Types, Mapped Types, and Recursive Types

Fri, 14 Jun 2024 16:21:04 +0330

TypeScript has transformed the way we write JavaScript by providing a static type system that helps developers catch errors early and write more robust code. While basic types and interfaces cover a significant portion of everyday use cases, TypeScript offers advanced features that can take your code to the next level of type safety and flexibility. In this post, we will dive deep into three advanced TypeScript features: Conditional Types, Mapped Types, and Recursive Types. These features are indispensable for creating highly adaptable and type-safe codebases.

Six Months with Angular 2 After Years of AngularJS

Wed, 18 Jan 2017 10:00:00 +0000

An honest field report on what improved, what hurt, and side-by-side code from the AngularJS apps I am leaving behind.