iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

Angular 工程師的 React 陣痛期:30 天心智模型重建 系列

以 Angular + Spring Boot 為主力的全端工程師,因公司專案需要開始轉換到 React。這個系列不是 React 教學,而是一份陣痛筆記——記錄一個有框架包袱的開發者,在換軌過程中每一次都要問自己「本來框架會幫我做,現在為何得自己來」的落差。

參賽天數 17 天 | 共 25 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 17

Day 21|切到下一個檔案,表單還是上一個

以前實作頁面會遇到上方有「上一個」「下一個」兩顆按鈕,方便使用者連續編輯一批檔案的屬性。 試想一下情境: 在 A 檔案的頁面按「下一個」,網址變成 B、標題變成...

2026-10-06 ‧ 由 Shawn 分享
DAY 17

Day 22|撞牆與和解:在 React 遇見 Angular 幫我擋下的全域 CSS 災難

這是最後一個階段:撞牆與和解。 前三週都在自己的範圍裡練習:一個人、一個功能、一個想法。這週開始要面對真實的企業系統——別人寫好的元件庫、既有的設計規範、後端的...

2026-10-07 ‧ 由 Shawn 分享
DAY 17

Day 23|品牌色改了,畫面一半綠一半藍

想一下情境,設計師傳來新的品牌規範:主色從藍色改成綠色。 Day 22 才剛把 Tailwind 接好,打開設定改一個顏色就行了: @theme { --c...

2026-10-09 ‧ 由 Shawn 分享
DAY 17

Day 24|每支 API 都回 401:自己蓋一層攔截器

每支 API 都回 401 假設情境是系統用 Azure AD 登入,前端用微軟的 MSAL 套件處理認證。 在 Angular 專案裡,這件事幾乎不用想。@a...

2026-10-11 ‧ 由 Shawn 分享
DAY 17

Day 25|如何優雅處理 Token 失效?

午休回來,五個請求同時 401 測試回報很具體:「開著儀表板去吃午餐,回來點一下重新整理,畫面閃了好幾次,最後跳到登入頁,登入完又跳一次。」 我照著做了一遍。打...

2026-10-13 ‧ 由 Shawn 分享