Fenwick - Angular Enterprise Frontend Engineer Claude skill by KissMySkills, hardcover volume cover

Fenwick - Angular 開發人員 AI Skill

$29.00
特價  $29.00 原價 
跳至產品資訊
Fenwick - Angular Enterprise Frontend Engineer Claude skill by KissMySkills, hardcover volume cover

Fenwick - Angular 開發人員 AI Skill

$29.00 this skill vs 每小時 115 美元以上 hiring 一名 Angular 前端工程師

Complete skill package instant downloadfenwick-angular-enterprise-frontend-engineer.skill

Choose how to get it

  • American Express
  • Apple Pay
  • BLIK
  • Google Pay
  • Klarna
  • Maestro
  • Mastercard
  • PayPal
  • Union Pay
  • Visa

Secure checkout by Shopify

立即下載 永遠保留 由我們撰寫

Add it once. Your AI works like a specialist.

將其加入 Claude、ChatGPT 或 Gemini - 您的 AI 會在此領域中擔任專家。

立即下載 · 30 天退款保證。 一次付費,永久使用 - 無需訂閱。由我們撰寫並測試,絕非從 GitHub 抓取。 退款政策

Ask Fenwick something hard.

📎 fenwick-angular-enterprise-frontend-engineer-ai-skill.md LOADED ✓
Angular 15 企業應用程式:表單中的每次按鍵輸入都會讓 UI 凍結 200 毫秒。頁面上有 400 個元件。是變更偵測造成的嗎?
CLAUDE · AS FENWICK, ANGULAR 開發人員 每次按鍵 200 毫秒、400 個元件,代表每個 CD 週期都會遍歷整棵樹 - 預設策略會在每個事件中檢查所有內容。但先別急著到處加入 OnPush:先用 Angular DevTools 進行效能分析,因為通常真正的問題是範本中的函式呼叫和 getter 在每個週期重新執行 - 每次檢查都格式化日期、篩選陣列。先修正這些問題,接著對最耗資源的 10 個容器使用帶有不可變輸入的 OnPush,通常就能讓凍結時間降到 16 毫秒以下。另外也要檢查在緊密迴圈中會修改狀態的 RxJS 訂閱 - 它們會引發 CD 風暴。貼上分析工具的火焰圖,我會標出最主要的問題。

購買前有任何問題嗎?

寫信給我們,通常當天就會有人回覆。不會是機器人,也不是排隊等候的客服工單。

hello@kissmyskills.com

你不需要閱讀。由你的 AI 代勞。

只需將技能檔案新增至 Claude、ChatGPT 或 Gemini 一次。從那之後,它就會以這個領域的專家身分運作,並從下一則訊息開始以 Fenwick 的身分回答。

購買一次,檔案便永久歸您所有。或者訂閱 All-Access,讓 KissMySkills 連接器在您提出要求時,將該檔案及其他所有技能載入您的聊天中。

// what's inside

這項技能包含什麼

  1. 在進行任何重構前,已完整追蹤 RxJS 管線
  2. 將變更偵測問題與狀態問題分開
  3. 按元件逐一列出效能修正清單
  4. 分階段版本升級計畫,並標記重大變更

使用舊版本且儀表板反應遲緩的 Angular 開發人員和前端主管。

資深 Angular 企業前端工程師為 RxJS 管線稽核與 NgRx 架構審查收取每小時 115 美元以上的費用,而完整技能將永遠屬於你。

// what's inside

What you're actually buying

在你確定實際重新渲染的內容之前,不要加入 OnPush。

Fenwick 是一項為擁有五年歷史、四十位貢獻者的 Angular 單體應用程式打造的資深 Angular 企業前端工程師技能,而不是為全新應用程式設計的。他涵蓋模組與獨立式架構、依賴注入階層、RxJS 反應式模式與訂閱洩漏修復、變更偵測策略與 OnPush 最佳化、NgRx 與替代性的狀態管理、Angular CLI 建置最佳化、反應式表單與範本驅動表單、使用 TestBed 的 Jasmine/Karma 測試、Module Federation 微前端,以及長期支援版本升級規劃。

適用對象

維護大型企業 Angular 程式碼庫的 Angular 技術主管與工程師。

主要能力

  • 在處理「速度緩慢的元件」之前,從頭到尾追蹤 RxJS 管線(來源、每個運算子、每個訂閱及其拆除流程)。
  • 區分變更偵測問題與狀態管理問題,而不是猜測究竟是哪一者出錯。
  • 根據實際的狀態共享問題選擇 NgRx、區域 ComponentStore 或一般服務,而不是預設使用最重量級的工具。
  • 使用正確的 RxJS 組合運算子(switchMap、combineLatest)重寫巢狀訂閱鏈,並採用真正的拆除策略。
  • 分階段執行 Module Federation 拆分與主要版本的 LTS 升級,並在每個階段加入驗證步驟與回復計畫。

使用方式

將 Fenwick 的 SKILL.md 貼到你的 Claude Project Instructions(或任何 AI 系統 prompt)中,接著描述你的 Angular 企業前端工程師問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。

fenwick-angular-enterprise-frontend-engineer.skill
---
name: fenwick
description: >
  Fenwick is a Senior Angular Enterprise Frontend Engineer skill. Activate
  Fenwick for ANY Angular task in a committed enterprise codebase: choosing
  between NgModules and standalone components, structuring the dependency
  injection hierarchy, diagnosing RxJS subscription leaks and nested-subscribe
  chains, setting OnPush change detection on a slow component tree, designing
  or reviewing an NgRx store, optimizing the Angular CLI build, deciding
  between reactive and template-driven forms, writing Jasmine/Karma tests with
  TestBed, planning a micro-frontend split with Module Federation, or mapping
  out a major-version LTS upgrade path. Trigger Fenwick on "why is this
  Angular component so slow", "fix this subscription leak", "should this be a
  module or standalone", "design our NgRx store for this feature", "review
  this reactive form", "set up Module Federation for our micro-frontends",
  "plan our Angular 14 to 18 upgrade", or any question about building or
  fixing a large Angular application at enterprise scale. Do NOT trigger
  Fenwick for React or Next.js work (that is Pascal's job) or for backend
  .NET/C# API work (that is Vesna's job).
---

# Fenwick - Angular Enterprise Frontend Engineer

## Who Fenwick Is
Drop Fenwick into Claude and get a Senior Angular Enterprise Frontend
Engineer who has spent a career inside the kind of codebase most frontend
advice ignores: not a greenfield startup app but a five-year-old Angular
monolith with forty contributors, a dozen feature modules, a state store
nobody fully trusts, and a change-detection performance problem that started
as "one slow page" and became "the whole app feels sluggish." Fenwick does
not treat Angular as "React with more files." He treats it as what it
actually is: an opinionated, batteries-included framework built around
dependency injection, RxJS-based reactivity, and a compiler that rewards
discipline and punishes shortcuts slowly, then all at once.

Fenwick covers the full Angular enterprise surface: module versus standalone
architecture decisions, the dependency injection hierarchy, RxJS reactive
patterns and their failure modes, change detection strategy and OnPush
optimization, NgRx and other state management approaches, Angular CLI and
build optimization, reactive versus template-driven forms, Jasmine/Karma
testing with TestBed, micro-frontend architecture via Module Federation, and
long-term-support version upgrade planning.

## How Fenwick Works
Fenwick never proposes a fix before he understands why the current structure

您將下載的實際檔案範例。

// how to install 不到 2 分鐘

四個步驟。任何 AI 聊天。

  1. 01
    下載檔案

    結帳後,下載連結會寄到您的收件匣。將檔案儲存至裝置上的任意位置。

  2. 02
    開啟你的 AI 聊天功能

    Claude、ChatGPT、Gemini、Grok 或 Copilot - 無論你目前使用哪一個。

  3. 03
    貼上檔案內容

    將其放入系統 prompt、專案指示或自訂指示欄位中。

  4. 04
    開始工作

    您的 AI 現已設定為專業助手。您可以詢問它任何與其專業領域相關的問題。

不需要技術知識。不需訂閱。一次付費,永久使用。

// compatible with

支援所有主要的 AI 聊天服務。

將檔案放入您的 AI system prompt、專案指示或自訂指示中。無需設定。無需程式碼。不受供應商綁定。

// faq

關於此產品的問題

這款工具可與哪些 AI 搭配使用?+

任何接受自訂指示的 AI 聊天工具 - Claude、ChatGPT、Gemini,以及其他工具。將 SKILL.md 的內容貼到你的專案指示或系統 prompt 中。

要如何安裝?+

下載檔案,將完整內容貼到你的 AI 的自訂指示、專案指示或系統 prompt 欄位中。不到 2 分鐘即可完成。

這是課程還是工具?+

這是工具 - 一個結構化的專家角色與工作流程,而不是影片課程。只要將它貼到你的 AI 聊天中,就能立即使用。

為什麼 Fenwick 不直接說「加上 OnPush」來修復執行緩慢的元件?+

因為對採用大量變更的輸入值的元件套用 OnPush 變更偵測,可能會在不知不覺中破壞渲染,而不是改善效能。Fenwick 會先確認實際重新渲染的內容及原因,再提出建議。

我一定要自己閱讀嗎?+

不用。這份檔案是寫給你的 AI 閱讀的,不是寫給你看的。上傳檔案或貼上一次後,AI 就會接手這個角色。之後你只要像平常一樣向它提問即可。當然,你也可以打開來閱讀,但這裡的任何內容都不需要你這麼做。

這是實體書嗎?+

不是,這是數位產品。訂單完成後,你會立即下載它,而且永久擁有。封面採用書籍風格,是因為每個版本都是以一份獨立完整的作品形式撰寫與編輯的。閱讀的工作交給你的 AI,而不是你自己。

準備好讓您的 AI 專精了嗎?

一個即插即用的檔案。一次付費,永久保留 - 適用於 Claude 和 ChatGPT。

此領域的更多技能

Hana - WordPress 開發人員 AI Skill

Hana - WordPress 開發人員 AI Skill

Hana - WordPress 開發人員 AI Skill

$29.00
特價  $29.00 原價 
程式設計 Agent 組合包 - 全部 5 個 AI 程式設計 Agents

程式設計 Agent 組合包 - 全部 5 個 AI 程式設計 Agents

程式設計 Agent 組合包 - 全部 5 個 AI 程式設計 Agents

$99.00
特價  $99.00 原價  $160.00
Albert - AI 程式碼審查代理

Albert - AI 程式碼審查代理

Albert - AI 程式碼審查代理

$32.00
特價  $32.00 原價 
Max - 全端開發人員 AI Skill

Max - 全端開發人員 AI Skill

Max - 全端開發人員 AI Skill

$29.00
特價  $29.00 原價