44. Vue 元件市場
• Vuetify.js (Vue.js Material Component Framework)
• Element (Vue.js 2.0 UI Toolkit for Web)
• Vue Material
• Keen UI
• Buefy
• Fish-UI
• Vux
• A curated list of awesome things related to Vue.js
58. 你也許不用這麼急著選擇前端框架
• 先講究不傷身體,再講求效果
– 有時候,在時間內能做出結果比較要緊!
– 如果一直在砍樹,卻忘了把斧頭磨利,總有一天會感到事倍功半。
• 如果沒有痛苦的感覺,可以先不用急著轉換技術
– No pain, no gain.
• 認識「微前端」( Micro Frontends )
– building a modern web app with multiple
teams using different JavaScript frameworks.
58
59. 微前端 ( Micro Frontends )
• Be Technology Agnostic
– 多個團隊中選用什麼前端技術都可以
– 只要支援 Custom Elements 就可以整合任何團隊開發的前端作品
• Isolate Team Code
– 團隊之間不共用 Runtime,所有元件各自獨立,程式碼也無相依性
– 即便多個團隊採用相同的框架,也不需要共用 Runtime
• Establish Team Prefixes
– 透過適當的命名區隔不同元件
– 元件之間的 CSS, Events, Local Storage, Cookies 都不能互相影響
• Favor Native Browser Features over Custom APIs
– 使用標準的瀏覽器事件,用來溝通不同元件之間的訊息與狀態
• Build a Resilient Site
– 即便 JS 執行失敗也不影響網頁呈現,適當的使用 SSR 與 PWA 改善效能
59
60. 相關連結
• 在 2018 年的时间点,Angular、React、Vue三选一,你更看好谁?为什么? - 知乎
• Angular V/S Vue V/S React – Choose the Best in 2018 | Official Blog of Azilen
• Angular vs. React vs. Vue: A 2017 comparison – unicorn.supplies – Medium
• Angular 2018 roadmap includes Ivy Renderer, Angular Elements, Bazel and more
• React, Angular, and Vue: Which One Is Best and Why - DZone Web Dev
• What Is Better for Web Development, React or Angular? - DZone Web Dev
• evilpingwin comments on Vue.js or React ? Which you would chose and why?
• Angular vs React 穩定發展與創新技術的抉擇
• [JSDC2017] 從 VueJS 看前端生態圈的發展變化 - Speaker Deck
• Angular和Vue.js 深度对比 - 云+社区 - 腾讯云
• 2018年,前端开发者需要学习哪些东西?
• Vue.js 很好,但是比 Angular 或 React 更好吗? - WEB前端 - 伯乐在线
61. 聯絡資訊
• The Will Will Web
記載著 Will 在網路世界的學習心得與技術分享
– http://blog.miniasp.com/
• Will 保哥的技術交流中心 (臉書粉絲專頁)
– http://www.facebook.com/will.fans
• Will 保哥的噗浪
– http://www.plurk.com/willh/invite
• Will 保哥的推特
– https://twitter.com/Will_Huang