ModernWeb'20 隨筆

ModernWeb'20 今年是以免費的方式在網路上直播，首次線上直播日期為 10/12~10/16。從朋友分享得知這個活動時已經錯過幾天了，還好之後有機會釋出重播影片。

先記下幾個覺得有收穫的分享

1. GraphQL X HASURA

10/14 前端也能當全端？！用 GraphQL 直接串到 PostgreSQL
徐愷, KOLABLE CTO & Co-founder

kk 講師分享 HASURA 這個資料庫服務，讓前端工程師可以用 Heroku 快速建立自己的 GraphQL DB。
另外 Hasura 也能透過其他服務幫你解決一些原本應該只有後端才能做的事，例如驗證、event trigger、action。
最後是 JAM stack 的概念。

2. JavaScript loading speed optimization

10/16 你的 JS 該減肥了！5個提升網頁載入速度的技巧
趙勗博, 歐姆雷特資深前端工程師

勗博講師分享過去執行最佳化的經驗，從 JS blocks, sode splitting 到五個使用過的最佳化的方法：

• 使用 webpack-bundle-analyzer,拆分出 vendor bundle
• Dynamic Loading: 根據路徑做 dynamic import, 對肥⼤第三⽅套件作 dynamic import
• 使⽤ tree shaking 移除沒⽤到的程式碼
• 熱⾨第三⽅套件使⽤ CDN 版本
• 使⽤ preset-env 減少 Polyfill 體積

有些有興趣的議題沒有聽到，像是 AMP 和 PWA，之後如果有機會還會回來補這一篇！