Landing Photo

開發 Vue 的組件與重構 React 的組件

今年我遇到蠻多奇特的人,也在他們身上學到蠻多,在我休息並找尋下一份工作的時候,我重構了整個網站,一個主站連接三個子站,重構完成之後,也製作了一些組件。我很高興能有時間開發自己的組件,下一年,希望我可以開發更多、更好的組件。

套件開發成果

今年我的工作變動很多,仍然盡量在使用 Vue 或者 React 開發的時候,多開發一些組件。

Javascript

@blacktoolbox/prototype-languages

1.1.1

更新版本,為了修短在 UMD 的名稱。

@blacktoolbox/prototype-validator

1.0.0

正式發佈版本為 1.0.0,但我還有一些想法想要更新進去,所以明年,我應該會優先強化他。

React

@blacktoolbox/react-list

2.2.0

更新基於 React 的組件,重構清單時,也試著簡化邏輯層面的程式碼。

@blacktoolbox/react-table

1.4.0

原來的版本還沒有被發佈成正式版本,所以正式版本就直接是新版本的表格套件。

@blacktoolbox/react-popover

1.2.2

在我前一個工作,我有最初版本的氣泡框,但是是基於 Vue 開發的,於是我又開發了一個基於 React 的版本,同時改善一些細節的邏輯。

@blacktoolbox/react-button

1.2.1

這個組件包含兩個套件,我希望這兩個套件可以應用在所有關於按鈕的情境使用。

@blacktoolbox/react-message

1.1.1

訊息是我最希望可以花時間開發的套件,我也還在想如何改善它到我期望的樣子。

@blacktoolbox/react-component-folder

1.0.1

這是一個小型的套件,關於如何精簡單一子層的套件。

@blacktoolbox/react-facebook-sdk

8.1.0

因為這個套件是基於臉書的 JavaScript SDK,嚴格來說不算是原創的套件。

Vue

@blacktoolbox/vue-list

1.4.3

按照慣例,基於 Vue 的清單通常是我第一個開發的套件,畢竟我的範例網站第一個會需要應用的就是頁面的選單。

@blacktoolbox/vue-table

0.1.1

表格則是第二個順位,但還沒完成,因為當我開發它的時候,我想到了一些關於套件設計的複雜度,到底應該為了便利性而包含一些功能,還是為了保持邏輯乾淨,讓它可以更輕易地跟其他套件一起使用?最後,我還是決定不增加排序、分頁、欄位過濾、搜尋,在這個表格的套件裏裡,但是它可以輕易地被擴展。

下一步

關於下一年的規劃,我在考慮是否翻新基於 Vue 的組件跟網站至 3.0,或者繼續 React 17 的翻新,希望我可以花更多時間專注在我的組件開發上,下一年我們可以做得更好,對吧?