<?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 TPOW Lab</title><link>https://tpow-001.netlify.app/tags/react/</link><description>Recent content in React on TPOW Lab</description><generator>Hugo</generator><language>en</language><copyright>Copyright &amp;copy; 2025-2026 TPOW-001. All Rights Reserved.</copyright><lastBuildDate>Sat, 06 Jun 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://tpow-001.netlify.app/tags/react/index.xml" rel="self" type="application/rss+xml"/><item><title>Tutorial: Md-Emon-Hasan/MediGenius — LangGraph 多 Agent 醫療 AI 助手完整教學</title><link>https://tpow-001.netlify.app/post/2026-06-06-medigenius-tutorial/</link><pubDate>Sat, 06 Jun 2026 00:00:00 +0000</pubDate><guid>https://tpow-001.netlify.app/post/2026-06-06-medigenius-tutorial/</guid><description><![CDATA[<h1 id="tutorial-medigenius--langgraph-多-agent-醫療-ai-助手" data-numberify>Tutorial: MediGenius — LangGraph 多 Agent 醫療 AI 助手<a class="anchor ms-1" href="#tutorial-medigenius--langgraph-多-agent-醫療-ai-助手"></a></h1>
<blockquote>
<p>一份「讀完就能理解架構 + 知道怎麼改 + 清楚資安邊界」的內部技術手冊。
目標讀者：已會 Python + FastAPI，想學 LangGraph multi-agent 編排、RAG pipeline、和 fallback chain 設計模式的工程師。</p>]]></description></item><item><title>30-seconds-of-code 詳細教學 — Curated Snippet Site：內容資產、Astro Pipeline、寫作 SOP 三層解析</title><link>https://tpow-001.netlify.app/post/2026-05-22-30-seconds-of-code-tutorial/</link><pubDate>Fri, 22 May 2026 00:00:00 +0000</pubDate><guid>https://tpow-001.netlify.app/post/2026-05-22-30-seconds-of-code-tutorial/</guid><description><![CDATA[<h1 id="30-seconds-of-code-詳細教學" data-numberify>30-seconds-of-code 詳細教學<a class="anchor ms-1" href="#30-seconds-of-code-詳細教學"></a></h1>

<h2 id="1-定位" data-numberify>§1 定位<a class="anchor ms-1" href="#1-定位"></a></h2>
<p><strong>30-seconds-of-code (30soc)</strong> 是 Angelos Chalaris 自 2017 年起獨自維護的 <strong>curated coding snippets 教學站</strong>。三句話說清楚它是什麼、不是什麼：</p>
<ul>
<li><strong>是</strong>：每篇「30 秒讀完」的短文 + code block + 解釋，分 JavaScript / CSS / Python / React / Git / HTML 六大類，由單一作者把關品質</li>
<li><strong>不是</strong>：cheatsheet（沒有解釋）、不是社群 wiki（PR 只收 bug 不收新內容）、不是教材（沒有循序漸進的學習路徑）</li>
<li><strong>128k stars / 12.5k forks / CC-BY-4.0 內容授權</strong> — 是「solo-maintainer 高品質知識站」的代表</li>
</ul>
<p>兩條使用線：</p>]]></description></item><item><title>open-slide 詳細教學 — Agent-native React 簡報框架完整解析</title><link>https://tpow-001.netlify.app/post/2026-05-22-open-slide-tutorial/</link><pubDate>Fri, 22 May 2026 00:00:00 +0000</pubDate><guid>https://tpow-001.netlify.app/post/2026-05-22-open-slide-tutorial/</guid><description><![CDATA[<h1 id="open-slide-詳細教學" data-numberify>open-slide 詳細教學<a class="anchor ms-1" href="#open-slide-詳細教學"></a></h1>
<blockquote>
<p>對應 repo: <a href="https://github.com/1weiho/open-slide" target="_blank" rel="noopener noreferrer">https://github.com/1weiho/open-slide<i class="fas fa-external-link-square-alt ms-1"></i></a>（3.5k stars / 248 forks / @open-slide/core@1.6.0，截至 2026-05-22）</p></blockquote>

<h2 id="1-專案定位" data-numberify>1. 專案定位<a class="anchor ms-1" href="#1-專案定位"></a></h2>

<h3 id="11-它是什麼" data-numberify>1.1 它是什麼<a class="anchor ms-1" href="#11-它是什麼"></a></h3>
<p>1weiho (Yiwei Ho) 開源的 <strong>agent-native React 簡報框架</strong>。核心理念：<strong>「slides are visual code, agents are great at writing code; the missing runtime turns &lsquo;make slides about X&rsquo; into a polished deck」</strong>。一行 <code>npx @open-slide/cli init</code> scaffold workspace，餘下交給 agent + 內建 5 個 skill。</p>]]></description></item><item><title>dari-docs 詳細教學 — Agent fleet 測你的文件，找 ambiguity 並產 docs edit 建議</title><link>https://tpow-001.netlify.app/post/2026-05-21-dari-docs-tutorial/</link><pubDate>Thu, 21 May 2026 00:00:00 +0000</pubDate><guid>https://tpow-001.netlify.app/post/2026-05-21-dari-docs-tutorial/</guid><description><![CDATA[<h1 id="dari-docs-詳細教學" data-numberify>dari-docs 詳細教學<a class="anchor ms-1" href="#dari-docs-詳細教學"></a></h1>
<blockquote>
<p>對應 repo: <a href="https://github.com/mupt-ai/dari-docs" target="_blank" rel="noopener noreferrer">https://github.com/mupt-ai/dari-docs<i class="fas fa-external-link-square-alt ms-1"></i></a>（34 stars / 0 forks / v0.1.5，截至 2026-05-21）</p></blockquote>

<h2 id="1-專案定位" data-numberify>1. 專案定位<a class="anchor ms-1" href="#1-專案定位"></a></h2>

<h3 id="11-它是什麼" data-numberify>1.1 它是什麼<a class="anchor ms-1" href="#11-它是什麼"></a></h3>
<p>mupt-ai 公司開源的 <strong>「測你的文件能不能被 agent 跑通」工具</strong>。把 docs 包 tarball 上傳給 dari.dev hosted agents（或自家 dari.dev org 的 agents），讓 simulated developer agent 試著按文件完成 task，最後產出兩種結果：</p>]]></description></item><item><title>SwiftClip 詳細教學 — Remotion 影片模板 + Claude/Codex Plugin</title><link>https://tpow-001.netlify.app/post/2026-05-20-swiftclip-tutorial/</link><pubDate>Wed, 20 May 2026 00:00:00 +0000</pubDate><guid>https://tpow-001.netlify.app/post/2026-05-20-swiftclip-tutorial/</guid><description><![CDATA[<h1 id="swiftclip-詳細教學" data-numberify>SwiftClip 詳細教學<a class="anchor ms-1" href="#swiftclip-詳細教學"></a></h1>
<blockquote>
<p><strong>本教學對應 repo commit <code>1ab3903</code> (2026-05-11)，最後驗證日 2026-05-20。</strong>
涵蓋專案定位、安裝、核心架構、CLI 詳細用法、應用情境、資安、FAQ、進階技巧、整合建議共 11 章。</p>]]></description></item></channel></rss>