Astryx 教學手冊
Astryx 教學手冊(企業級實戰版) 版本: v1.1(2026-07-09 查證更新) 適用對象: 資深前端工程師、React 架構師、Design System 負責人、AI 開發導入團隊 技術棧: React 19+、TypeScript 5.x、StyleX、Node.js(一般使用無版控要求;貢獻原始碼建議 22 LTS) 文件等級: 企業標準教育訓練教材(實戰與維運導向) 參考來源: facebook/astryx 官方 Repository(README、CONTRIBUTING.md)、官方文件站 astryx.atmeta.com(Getting Started、CLI、Components、Typography 等頁面)、官方部落格 Introducing Astryx、npm registry(@astryxdesign/* 系列套件)、第三方報導(MarkTechPost、Tech Times),並以自身架構經驗重新消化整理,非逐字翻譯 ⚠️ 版本快照提醒: Astryx 為 Meta 於 2026 年 1 月建立、2026 年 6 月底以 Beta 身分正式對外發布的新專案(查證時點:GitHub 7,314 ★、487 fork、MIT 授權)。專案仍在快速迭代中,本文所有具體事實(元件命名、CLI 指令、Token 架構等)均查證截至 2026-07-09,企業導入前務必以官方最新文件(astryx.atmeta.com)再次確認,避免版本落差造成的認知落差。 目錄 使用建議 前言 第一章 Astryx Overview 第二章 Architecture 第三章 Installation 第四章 Project Structure 第五章 CLI 第六章 Components 第七章 Theme System 第八章 Accessibility 第九章 AI Agent Ready 第十章 與其他 Design System 比較 第十一章 與 AI Coding 整合 第十二章 Reverse Engineering 第十三章 Framework Upgrade 第十四章 Enterprise Best Practice 第十五章 與 GitHub Copilot 整合 第十六章 與 Claude Code 整合 第十七章 系統維護 第十八章 系統升級 第十九章 FAQ 第二十章 Troubleshooting 第二十一章 Best Practice(企業最佳實務 100 條) 第二十二章 Prompt Collection 第二十三章 Case Study 第二十四章 Conclusion 使用建議 依讀者角色不同,建議的閱讀路徑如下,不需要從頭到尾逐章閱讀: ...