Grokking Simplicity FP CH8 ~ CH9

[linyawun]

《簡約的軟體開發思維：用 Functional Programming 重構程式》 CH8 ~ CH9

筆記章節

1. Ch8 - 分層設計(1)
2. Ch9 - 分層設計(2)

筆記資訊

• 日期：2025/05/15 @Tech-Book-Community
• 導讀人：Hannah
• 筆記工：Monica
• Slider Here

Q&A

• 讀這本書的感覺?
  • 翻譯的地方不是很通順，需要讀很多次才能懂，翻譯得比較不直觀
• 如果用 React 要怎麼套用這抽象屏障的原則?
  • 產生假資料或常數，就可以拆到 data 資料夾，比較屬於底層的地方
  • 舉例：es-toolkit
    • result 的地方會在每次 re-render 時重新計算，為了避免大量計算，就要使用 useMemo
      • const result = useMemo(() => calculatesPrice(items).then(), []);
      • 在沒有大量運算情況下，並不一定要 useMemo
      • 使用 useMemo 就是類似 FP 的意思

      export default function App(){
          const result = calculatePrice(items).then()
          return (
            ...
          )
      }

    • 依賴反轉，由外層決定函式內要怎麼做

      function calculatePrice(items, condition=()=>{}){
          if(condition(item)){
              ...
          }
      }

  • React 中，會依據 component、container、API、routing 等面向來拆分不同層級
• 分層設計大家會在平常的專案怎麼用?
  • 把重複使用的地方拉成 function，如果跨頁面或元件，就放到共用的地方
  • 可能還是需要經驗才知道如何應用(?)