<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>React on Omid Farhang</title><link>https://omid.dev/tags/react/</link><description>Recent content in React on Omid Farhang</description><image><title>Omid Farhang</title><url>https://omid.dev/images/bio-photo-150x150.jpg</url><link>https://omid.dev/images/bio-photo-150x150.jpg</link></image><generator>Hugo -- 0.161.1</generator><language>en-US</language><copyright>2026 Omid Farhang | All rights reserved.</copyright><lastBuildDate>Thu, 01 Jan 2026 02:25:59 +0330</lastBuildDate><atom:link href="https://omid.dev/tags/react/index.xml" rel="self" type="application/rss+xml"/><item><title>Migrating from React to Angular: A 'Ship of Theseus' Case Study in Production</title><link>https://omid.dev/2026/01/01/ship-of-theseus-react-to-angular/</link><pubDate>Thu, 01 Jan 2026 02:25:59 +0330</pubDate><guid>https://omid.dev/2026/01/01/ship-of-theseus-react-to-angular/</guid><description>A detailed look at why and how we migrated a core legacy React application to Angular in a high-stakes FinTech environment using the Strangler Fig pattern.</description></item><item><title>Advanced State Management in React with Recoil: Atom Families, Selectors, and Async Queries</title><link>https://omid.dev/2024/06/14/advanced-state-management-in-react-with-recoil/</link><pubDate>Fri, 14 Jun 2024 17:02:20 +0330</pubDate><guid>https://omid.dev/2024/06/14/advanced-state-management-in-react-with-recoil/</guid><description>&lt;p&gt;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.&lt;/p&gt;</description></item><item><title>Micro Frontends: Working Example</title><link>https://omid.dev/2024/05/11/micro-frontends-working-example/</link><pubDate>Sat, 11 May 2024 17:52:46 +0330</pubDate><guid>https://omid.dev/2024/05/11/micro-frontends-working-example/</guid><description>&lt;p&gt;We already talked about &lt;a href="https://omid.dev/2024/05/09/micro-frontends-why/"&gt;Why using Micro Frontend&lt;/a&gt; and &lt;a href="https://omid.dev/2024/05/09/micro-frontends-how/"&gt;How to use it&lt;/a&gt;. Now let&amp;rsquo;s explore a working example to understand it better.&lt;/p&gt;
&lt;aside class="companion-card"&gt;
&lt;span class="companion-card__icon" aria-hidden="true"&gt;
&lt;i class="fa-solid fa-cubes-stacked"&gt;&lt;/i&gt;
&lt;/span&gt;
&lt;span class="companion-card__content"&gt;
&lt;span class="companion-card__eyebrow"&gt;Companion resource&lt;/span&gt;
&lt;strong class="companion-card__title"&gt;Companion Project&lt;/strong&gt;
&lt;span class="companion-card__description"&gt;Try the working example in your browser or inspect the full source code behind this article.&lt;/span&gt;
&lt;code class="companion-card__path"&gt;github.com/omidfarhang/example-projects/qwik-angular-react-rust&lt;/code&gt;
&lt;/span&gt;
&lt;span class="companion-card__actions"&gt;
&lt;a class="companion-card__button companion-card__button--primary" href="https://playground.omid.dev/examples/qwik-angular-react-rust/" target="_blank" rel="noopener noreferrer"&gt;
&lt;i class="fa-solid fa-play" aria-hidden="true"&gt;&lt;/i&gt;
Open live demo
&lt;/a&gt;
&lt;a class="companion-card__button companion-card__button--secondary" href="https://github.com/omidfarhang/example-projects/tree/master/qwik-angular-react-rust" target="_blank" rel="noopener noreferrer"&gt;
&lt;i class="fa-brands fa-github" aria-hidden="true"&gt;&lt;/i&gt;
View on GitHub
&lt;/a&gt;
&lt;/span&gt;
&lt;/aside&gt;
&lt;h2 id="building-a-micro-frontend-architecture-with-qwik-angular-react-and-rust"&gt;Building a Micro Frontend Architecture with Qwik, Angular, React, and Rust&lt;/h2&gt;
&lt;p&gt;Micro frontend architecture is a practical way to develop scalable and modular web applications. By breaking down a monolithic frontend into smaller, independently deployable modules, teams can work more efficiently and scale their applications with ease.&lt;/p&gt;</description></item><item><title>Micro Frontends: How?</title><link>https://omid.dev/2024/05/09/micro-frontends-how/</link><pubDate>Thu, 09 May 2024 14:09:02 +0330</pubDate><guid>https://omid.dev/2024/05/09/micro-frontends-how/</guid><description>&lt;p&gt;We already talked about &lt;a href="https://omid.dev/2024/05/09/micro-frontends-why/"&gt;Micro Frontends: Why?&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;As web applications grow in complexity, maintaining a consistent tech stack becomes crucial for efficiency and scalability. If you have multiple projects using different frameworks, like Angular and React, unifying them can seem daunting. However, Micro Frontends offer a modern solution to this challenge, allowing you to integrate diverse projects seamlessly. Here’s how you can leverage Micro Frontends to unify your Angular and React projects.&lt;/p&gt;</description></item><item><title>Micro Frontends: Why?</title><link>https://omid.dev/2024/05/09/micro-frontends-why/</link><pubDate>Thu, 09 May 2024 13:55:01 +0330</pubDate><guid>https://omid.dev/2024/05/09/micro-frontends-why/</guid><description>&lt;p&gt;Micro frontends is an architectural pattern for building web applications as a composition of loosely coupled, independently deployable frontend modules. It extends the principles of microservices to the frontend, allowing teams to develop, deploy, and scale parts of the user interface independently. In essence, micro frontends break down a large, monolithic frontend application into smaller, more manageable pieces, each with its own technology stack, development team, and deployment pipeline.&lt;/p&gt;
&lt;h2 id="key-characteristics-of-micro-frontends"&gt;Key characteristics of micro frontends&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Modularity&lt;/strong&gt;: Micro frontends promote modularity by dividing the user interface into smaller, self-contained units called micro frontends. Each micro frontend represents a cohesive set of features or functionality, allowing teams to focus on developing and maintaining specific parts of the application.&lt;/p&gt;</description></item></channel></rss>