<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Profiler on recca0120 技術筆記</title><link>https://recca0120.github.io/tags/profiler/</link><description>Recent content in Profiler on recca0120 技術筆記</description><generator>Hugo -- gohugo.io</generator><language>zh-hant-tw</language><lastBuildDate>Tue, 21 Apr 2026 22:30:00 +0800</lastBuildDate><atom:link href="https://recca0120.github.io/tags/profiler/index.xml" rel="self" type="application/rss+xml"/><item><title>React Compiler 不自動做的 3 件事：從 512ms 降到 6ms 的實戰</title><link>https://recca0120.github.io/2026/04/21/react-compiler-limits/</link><pubDate>Tue, 21 Apr 2026 22:30:00 +0800</pubDate><guid>https://recca0120.github.io/2026/04/21/react-compiler-limits/</guid><description>我以為開了 React Compiler 就不用手動 memo，結果切 tab 卡 512ms。用 Profiler 抓出 3 個 compiler 邊界：子 component 邊界、prop capture 的 identity 意圖、setInterval 動畫 state，附更多日常會遇到的範例。</description><content:encoded>&lt;![CDATA[我以為開了 React Compiler 就不用手動 memo，結果切 tab 卡 512ms。用 Profiler 抓出 3 個 compiler 邊界：子 component 邊界、prop capture 的 identity 意圖、setInterval 動畫 state，附更多日常會遇到的範例。<br/><img src="https://recca0120.github.io/2026/04/21/react-compiler-limits/featured.png" alt="Featured image"/>]]></content:encoded><enclosure url="https://recca0120.github.io/2026/04/21/react-compiler-limits/featured.png" type="image/png" length="0"/><media:content url="https://recca0120.github.io/2026/04/21/react-compiler-limits/featured.png" medium="image"/><category>React</category><category>React Compiler</category><category>Performance</category><category>Profiler</category><category>TypeScript</category><category>Frontend</category></item></channel></rss>