React 元件設計思路?

時間 2021-05-05 17:51:57

1樓:

首先是乙個椅子,可以帶有以下屬性

顏色材質

是否有輪子

(大小)

(是否只能自帶按摩震動等題注需要的功能)

於是問題就解決了啊,如果需要輪子,那麼就給他乙個輪子(輪子肯定是乙個小組件~), 如果需要白色,就設定白色~

2樓:喬梁

早上剛翻了一下:《React 引領未來的使用者介面開發框架》的序。。。

引用一下劉平川的序3:越靠近使用者端變化越快,用列舉元件的思路在高速迭代快速變化的網際網路中開發,將會使UI元件庫逐漸變得臃腫和難以維護。.... UI元件受具體業務場景的約束。

而元件庫在公司級別難抽象,對整體技術的挑戰比較大,且收效不確定。於是只能將元件場景定位到更具體的某一型別的業務線再進行抽象。從而讓元件庫變得輕量、靈活。

我覺得題主的問題不在於如何用react或者其他框架提供乙個功能豐富的椅子。而是應該根據業務場景,定製靠譜的通用的幾把椅子。拒絕生產造型奇葩、功能小眾的椅子,為個別合理的特殊需求的椅子預留一下開發介面

3樓:王賢斌

所以定義邊界是一項很重要的事情。就算是通用部件,也不可能適合所有情況。我更傾向於,在特定的應用範圍做到部件本身更輕量切適度的抽象(react感覺對於抽象的處理還是很簡單和侷限的),然後在用到實際專案中 ,來不斷豐富特性吧……然後越來越重,越來越不通用。

4樓:題葉

react 說到底也只是通過程式提供的工具,僅僅是工具,而且是受到一些程式限制的工具。實際業務當中遇到的各種各樣的抽象,我認為是另乙個緯度的東西。react 的設計足夠靈活,但未必意味著適合做全部的抽象。

而元件的問題並不是 react 帶來或者能解決的問題,而是所有程式面臨的問題。我傾向於認為 react 沒有完美的解法。

5樓:陳子賤愛笑

軟體開發中解決這類問題有類式繼承-物件導向程式設計、mixin-面向切面程式設計。

帶輪子的黑色真皮椅 = 椅子 mixin [帶輪子,黑色,真皮];

6樓:AanYip So

其實不必須提供功能點的排列組合,可以讓使用者自己按需的使用組合。可以參考GitHub - react-component/calendar: React Calendar 的方式。

不過這種方式的話,元件就需要乙個比較健全的文件和使用教程,不然很容易暈。

7樓:周紹華

我一般也只是用高階元件。

元件:椅子

輪子真皮,能改變顏色

組合過的元件:

《真皮椅子 /> =

《椅子 />

《真皮顏色=黑色/>

《真皮輪子椅子 /> =

《椅子 />

《真皮顏色=黑色/>

《輪子 />

帶你進入react高階元件的世界

關毛 古代亞美尼亞真的有 中國王族 人出身的貴族世家,至少倆家族,至於到底是誰的後裔,老未解之謎了。簡述的話,就是亞美尼亞人老早就知道中國,而且確信是真的中國。中國乙個王子在漢末三國時期取到波斯投靠了亞美尼亞,最後其後代在亞美尼亞成了重要的軍事貴族門閥,甚至其家族民族英雄輩出。而在這個家族去亞美尼亞...

函式作為React元件的方法時, 箭頭函式和普通函式的區別是什麼

方應杭 前者約等於 Foo.prototype.a function 後者約等於 class Foo 前者在原型上,後者在物件上,區別很明顯。 以下幾種方式都可以工作 class This extends Component a Click Me1 lt button onClick Click M...

求指點用react寫專案的步驟。求思路

by wang 來一步一步說吧 srcassets素材圖示一類 componentsui元件 libreduxredux 的action reducershooks自定義hook helpers幫助函式 utils通用函式 pages頁面元件 styles全域性css index.jsReact r...