Skip to content

Commit

Permalink
modified react/use-observable-value
Browse files Browse the repository at this point in the history
  • Loading branch information
timchen10001 committed Nov 3, 2021
1 parent cbc5b10 commit ce4e41c
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion use-observable-value.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
# use-observable-value (Abstract)

## 關鍵字 (key)
---
- 底層元件 -> 狀態更新
- 大量元件 -> 減少重新渲染
- 前台效能優化

## 範例 (Implementation)
---
- use-selector (Sportsbook)

- ![Image](https://media.giphy.com/media/l7xx2FRg6oULswYrqt/giphy.gif)
Expand All @@ -22,7 +24,7 @@
1. 較高層級的資料結構只需要,把所有的子元件 onMount 出來,然後每個子元件在 生命週期建立時,透過 ```EventEmitter``` 進行狀態監聽以及通知,透過 ```Observable``` 進行狀態更新時的行為。

2. ```EventEmitter``` 負責監聽狀態,當對應的子元件有狀態變動,可以透過 ```EventEmitter``` 主動通知 ```Observable``` 去更新重渲染對到的元件。因此每個 子元件 都有獨立的狀態 scope,不需要仰賴高層級的元件重繪,達成低層級的狀態更新。
2. ```EventEmitter``` 負責監聽狀態,當對應的子元件有狀態變動,可以透過 ```EventEmitter``` 主動通知 ```Observable``` 去更新重渲染對到的元件。因此每個 子元件 都有獨立的狀態 scope,不需要仰賴高層級的元件重繪,達成低層級的狀態更新。

> 優劣分析:
Expand Down

0 comments on commit ce4e41c

Please sign in to comment.