javascript - react效能問題？

Question

1. 如果元件層級過深會不會影響到App效能？ ，如果會的話一般會設定多少個層級

2. redux每次action的時候透過reducer產生一個新的state，那麼如果action多了，state物件就多了，這樣不會影響效能麼？ redux是如何被規避的？

Answer 1

元件嵌套這個問題避免不了，為了復用程式碼，必須嵌套，否則程式碼量龐大。這也是react的弊端之一。一般來說，3-5級嵌套基本上能解決問題了，再深點估計也沒問題。如果太深了，那首先要面對的問題絕對不是性能，是開發，你可能根本記不住參數到底從哪裡傳到哪。可以適當的多一些程式碼，降低復用率，但維護起來方便很多，效能也OK。至於state的問題，redux維護的是一個巨大的state。整個專案就是一個state，分出來小的state到各個組件身上去。沒有深入了解具體state是怎麼運作的，感覺上應該是產生了新的state後，原來的state變成了類似沒有引用的對象，會被系統釋放掉。

Answer 2

試試 immutable

Answer 3

虛擬dom