Landing Photo

開發純 JavaScript 的組件

這是非常驚人的一年,雖然換了兩次工作,但我還盡量自我要求能有一些進展,你可能會知道關於我去年才剛成為全職的 React 前端工程師。然而今年我的第一份新工作則是用 Vue 開發。我很慶幸自己在 React 打下良好的基礎,讓我可以在不到一週的時間內,就上手了 Vue 的開發,我開發一些團隊專用的 UI 組件,還開發了工具類型的多語言轉換器、表單驗證器。我已經知道如何發布組件到 NPM,現在我也知道如何發布到 GitHub 給 NPM 使用,我也用 SCSS 設計了一套系統,這些開發都沒有假第三方套件的手,除了框架(Vue)本身,對現在的我來說,這項成就很驚人,雖然至今我還是沒有遇到我認為「資深」的前端工程師,可以讓我學習一些東西,縱使我有遇到一些有潛力跟天份的後端工程師,我還是決定去找一些更有挑戰性的工作,來訓練我自己。

而下一份工作,也就是目前的工作,我擔任了軟體開發的主管職位,對我來說很有挑戰性,因為我的團隊成員,並非我面試進來的,有些是新手的前端工程師、後端工程師,有些對於命名原則、開發模式、檔案系統缺乏適當的觀念,他們還不會如何「一般化」系統設計,無論是前端開發,還是後端開發,因此我需要花一些時間,幫他們在開發能力上建立一些觀念,他們只是需要一些時間去專業化他們的工程師職涯。順帶一提的是,我又回到 React 開發了。

對於個人的計畫,我還蠻抱歉的,我想要利用自己的空閒時間開發組建,但是我花太多我個人的時間在工作上,我試著拉回一些我的個人時間好讓自己可以再度繼續開發套件,畢竟我也花了錢並跟我的前同事設計了實驗室的圖標,並用在我的網站上了,如果你有看過的話,我非常喜歡這些圖標,他們讓我的實驗室變得更有靈魂,我會更努力騰出時間來完成那些組件。

套件開發成果

除了我有基於 Vue 開發但尚未發布的組件,我發布了兩個純 JavaScript 的組件,或者說工具,發佈至 NPM。

Javascript

@blacktoolbox/prototype-languages

1.1.0

這是一個為了需要支援多語言的網站而設計的工具,雖然最早開發的版本是當轉換語言的時候,動態抓取語言檔,但最終發布的是所有語言檔同時載入的版本。

@blacktoolbox/prototype-validator

0.0.1

目前還沒開發完成,因為這個工具還沒在我手邊任何的專案實戰過,大部分的演算法已經完成,但還缺少一些有用的、常見的驗證規則,當作預設支援的規則。

下一步

如同上述,我們設計了自己的圖標,我認為也是時候,將我們的組件設計得更有系統性。並計畫著可以設計純 JavaScript、基於 React、基於 Vue、基於 Angular 的組件,雖然我目前還沒有用 Angular 開發專案的實戰經驗,但其他類型的組件已經有一些開發的成果了,接下來想做的,就是先完成 @blacktoolbox/prototype-validator 的正式第一版,再來將原有基於 React 開發的組件,更名至 @blacktoolbox,以及完成我的官方網站。