2020

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

成長

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

成果

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

JavaScript

  • @blacktoolbox/prototype-languages

    版本: 1.1.1

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

  • @blacktoolbox/prototype-validator

    版本: 1.0.0

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

Vue

考慮到我最近的工作是用 React 開發,基於 Vue 開發組件的計畫暫時會排在最低優先權。

  • @blacktoolbox/vue-list

    版本: 1.4.3

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

  • @blacktoolbox/vue-table

    版本: 0.1.1

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

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.0.1

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

下一步

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