PinnedPublished inDcard Tech Blog一篇文搞清楚 Node.js 模組行為,自由運用 CommonJS 與 ESM 模組我們在 Dcard 前端的程式碼中,把 Server 端 Node.js 程式碼主體從 CommonJS 模組轉移到 ESM 已有約兩年的時間,但即便如此,還是很難避免使用到 CommonJS 模組的套件,又或者是有些套件只支援 CommonJS 模組的 config 檔或…Jun 132Jun 132
PinnedPublished inDcard Tech Blog採用 SWC 取代 Babel,大幅提升編譯速度過去有很長一段時間,前端工具幾乎都是 Webpack、Babel、ESLint、Prettier 等的天下,但隨著這些工具的速度漸漸成為瓶頸為人詬病,原先的優勢已經漸漸的開始消失。Jul 27, 2022Jul 27, 2022
PinnedPublished inDcard Tech BlogNx vs Turborepo,怎麼在大型 Monorepo 優化開發體驗?隨著前端的程式碼規模在 Dcard 越來越大,其中一個遇到的狀況就是,CI 的執行速度、local 的開發體驗都開始受到影響。Mar 22, 2022Mar 22, 2022
淺談 GraphQL @defer @stream因為 GraphQL Working Group 近期的推動,GraphQL 的 @defer/@stream directive 提案又重新回到了開發者的視野。Jun 16, 2022Jun 16, 2022
初窺 Shopify Hydrogen 框架以及 React Server ComponentsHydrogen 是 Shopify 打造的一個基於 React 的 Framework,可以用來製作客製化的店面網站,其最大的賣點是支援 React Server Components(RSC),這應該算是全球走在最前沿的 RSC 大型實驗。Jan 5, 2022Jan 5, 2022
React 的未來:18 以及在那之後前一陣子在 JSDC 給了「The Future of React: 18 and Beyond」的演講,為了濃縮成適合聽眾的 20 分鐘內容,並適當補充一些需要先備的知識,導致會有相當多內容變成遺珠之憾無法提及,所以決定另外來寫一篇文章記錄一下。Nov 19, 2021Nov 19, 2021
深入淺出 JavaScript 軟體測試 — #3 Test Runner — Jest上一篇介紹了如何自行寫出能執行的測試,不過實際上大部分時候我們都不該這樣做,我們應該使用開源軟體,輕鬆地站在巨人的肩膀上。Nov 10, 2021Nov 10, 2021
在 2021 可以使用 ESModule 了嗎?隨著今年沒有完整支援 ESModule 的 Node 10 達到 EOL(End-of-life),推行 ESModule 的運動再次興起。其中 JavaScript 領域的知名開發者 Sindre Sorhus 更是吹起了號角,發了許多文章強烈表示他轉向 ESM 的決心:Nov 2, 2021Nov 2, 2021
深入淺出 JavaScript 軟體測試 — #2 測試的原理與細節上一篇介紹了測試時的 Mindset 跟一些好處,這篇要來講講測試的原理,已經比較熟測試的人可以考慮直接跳過這篇,去看之後幾篇針對一些狀況的寫法。Oct 28, 2021Oct 28, 2021