原创 定製你私有的前端構建部署(Github CI/CD)

近來手癢,又陷入了自我搗騰的無限循環。 其實事情是這樣的,最近阿里雲搞活動(嗯,友情打廣告),229買了個3年版低配服務器;前端時間寫用React + Github Graphql API自定義你的博客, 見識了Github Action

原创 給組件庫加個雞腿

爲了工作,也爲了長點見識,費心費力搗騰了一個組件庫antd-doddle,還是有成長的,總結都寫了兩篇,收穫還是有的,如果你喜歡聽故事: 從dist到es:發一個NPM庫,我蛻了一層皮 從24m到1m, 一個react+antd後臺系統構

原创 基於EC2,配置一個全棧服務實例(nginx + tomcat + mysql)

最近世道動盪,在前往高級的路上走出了車到山前必有路,睜眼一看是絕路的感覺。所以就索性瞎折騰一下。領了一個服務器,開啓了一個僞全棧的運維之路,各種服務線上部署。 服務器申請與實例連接接 騰訊免費七天,阿里要錢,山裏娃就在亞馬遜AWS申請了一個

原创 從dist到es:發一個NPM庫,我蛻了一層皮

這並不是自己第一次發npm包, 所以這裏沒有多少入門的知識。在此之前已經有一篇前端腳手架,聽起來玄乎,實際呢?,但這一次的npm包和上一次的不是一個概念,前者只是一個腳本工具,而這個npm包是日常開發中方法和組件的集合, 是一個庫。在讀本文

原创 React組件常用設計模式之Render Props

自己在總結最近半年的React開發最佳實踐時,提到了Render Props,想好好寫寫,但感覺篇幅又太長,所以就有了此文。願你看完,能有所收穫,如果有什麼不足或錯誤之處還請指正。文中所提到的所有代碼都可以在示例項目中找到,並npm i,n

原创 怎樣寫一個具有異步交互的React組件的單元測試

關於前端React組件測試(jest,Enzyme),網上有大量的入門文章,可以看看,但如果你確實想了解前端自動化測試,個人更推薦看官方的文檔和一些比較官方的測試案列,這裏推薦兩個: enzyme官方文檔,涵蓋了各種說明和API; j