Typescript的应用与思考

Highlights

• 所有的逻辑都是类

  • Note: react component + logic class

• React.createContext<DependencyContainer | null>(null)

  • Note: 建立一個 container 的 context

• new 的时候就数据就不会被重置。

  • Note: 所以資料在 class 裡面嗎

• 以react为例，hook函数来展示UI视图，这个函数只能包括，ui展示和事件绑定这些操作。复杂的逻辑尽量写到一个类里，在hook函数里导入并赋值到一个变量里进行api处理。

  • Note: UI 顯示跟行為綁定

• export function useLocalStore(): T { const store: T = useContext(LocalStoreContext) invariant(store, ‘local store is not exist!’) return store }

  • *Note: 利用 invariant 處理錯誤訊息

dev mode 會丟出填入的錯誤訊息

production mode 會拋出正常的錯誤訊息*