Hi 大家好我是 Curt 家人

系列相關文章

• SOLID Principles With React
• SOLID Principles With React - SRP (單一職責原則)
• SOLID Principles With React - OCP (開放封閉原則)
• SOLID Principles Without React - LSP (里氏替換原則)
• SOLID Principles With React - ISP (介面隔離原則)
• SOLID Principles With React - DIP (依賴反轉原則)

前言

最近在準備面試時候發現蠻多公司都會問 SOLID 這個題目， 雖然是面後端比較有機會被問到，不過我就在想如果面前端的時候被問到該怎麼回答比較好， 以及是否能夠提出一個合理的範例來沿用到 React 開發上。

Why SOLID

SOLID 的概念是 2000 年由 Robert C. Martin 在此篇論文 - Design Principles and Design Patterns 內首次提出，主要是為了讓 物件導向 的程式設計可以有更好的 可讀性、維護性、彈性。

What is SOLID

它主要由五個原則所組成，分別為：

• Single responsibility principle (SRP) - 單一職責原則
• Open–closed principle (OCP) - 開放封閉原則
• Liskov substitution principle (LSP) - 里氏替換原則
• Interface segregation principle (ISP) - 介面隔離原則
• Dependency inversion principle (DIP) - 依賴反轉原則

How to introduce SOLID

因為篇幅關係，我將會把這五個原則，分別在不同的文章內介紹，裡面的流程大概是

1. 介紹它的精神，並搭配定義
2. 用 JS 舉出物件導向的範例
3. 用 React 連結他的精神

文章內的範例有可能是來自上一篇的延續，所以建議讀者們照著 S -> O -> L -> I -> D 的順序閱讀。

那我們就開始吧！

SOLID Principles With React - SRP（單一職責原則）

Reference:

SOLID - wiki