开篇辞
为什么要开启这个项目?
- vue.js 的(中文)文档循序渐进对新手友好,但在高级技巧方面讲解的并不算深入浅出,比如
- 据说,大多数 vue.js 用户并没有使用过 render 函数,而 vue 内置的
keep-alive / transition(-group),nuxt 内置的nuxt(-child) / no-ssr,vue-router 内置的router-view / link都是用 render 函数实现的(renderless component with render function) - 据说,大多数 vue.js 用户对于组件复用的理解,还停留在 mixin / directive 及 HOC 等技巧的探索上。但 vue 其实还有个比肩 react 生态 render props 能力的 scoped slots(作用域插槽),这个让新手一头雾水的翻译和与其不匹配的强大能力则在官网被一笔带过。但不幸的是,大量 UI 复杂繁琐的 PC 后台系统和其背后的组件库,如 Element UI 的
autocomplete / transfer / table / tree、新出的 portal-vue 等组件)则有很多 scoped slots 的应用
- 据说,大多数 vue.js 用户并没有使用过 render 函数,而 vue 内置的
- vue.js 是一款非常优秀的框架,但跟 react 相比,在(国内)生态上还是稍差一些,比如:
- nuxt.js 作为 vue 生态圈第二大的 Framework ,官方已经发布了 nuxt-edge (nuxt@2) 半年以上的时间,官网文档还停留在 1.4.0 而其中文版本还停留在 0.10.7
- vue.js 官方团队早就上线了 news.vuejs.org 这个快讯站,并一共发布了 108 期(平均每周一期,最初的订阅邮件是 2016 年开始的,后续到今年 2 月上线并增加了音频 & 主播),国内也没有一个中文子站…(或许因为该项目暂未考虑国际化集成 i18n 插件?)
为什么会这样?
是因为 vue.js 用户都是小白?我想不是;是因为中国开发者都是伸手党?我想也不是
或许是因为:大多数人想学习英文却找不到新鲜一手的资料,想加速阅读理解却不到提高的机会,想实践翻译贡献却理不清头绪…
那么,就从看导读和听新闻开始吧~
点评:几大框架已经进入了拼生态阶段,近期先从 Vue 相关内容开始,希望它能做的更出色~
vuejs 快讯 - 109 期
听得懂英文点原文、喜马拉雅,看得懂英文点下面外链(部分需翻墙)。都不懂?就当看资讯咯~ PS. 喜马拉雅可以调成 .75 倍速,强烈推荐~
2018 年 8月28日 星期二
你好,本周重点介绍:
- 与尤雨溪就 Vue 的历史和成长进行的精彩访谈。令人惊叹的是 Vue 最终以 WIRED 文章的形式进入主流媒体。
- 您是否听说过 Wes Bos 的 JavaScript 30 挑战? Dave Follett 现在有一个 Vue 的版本。
- 有想要学习新项目来提高 Vue 的想法? Robert Zehnder 通过他对龙与地下城(D&D)的热爱找到了他的实践。🐉
文章
Vue.js 作者尤雨溪如何在 Patreon 上月入 $16k
标签:观点
尤雨溪接受了关于 Vue 成长和他在 Patreon 演进的采访。尤雨溪就如何建立一个开源项目和围绕它的社区提出了建议。
个人 JavaScript 开发者挑战 Google 和 Facebook
标签:观点
虽然标题有点误导(有更多人在为 Vue 工作而不仅仅是尤雨溪),很高兴看到 Vue 开始接触更多的主流媒体。
如果你想在新 CLI 上为你的公司或聚会小组提供演示文稿,这些幻灯片是一个很好的起点。
如果你熟悉 Wes Bos 的 JavaScript 30 项目,Dave Follett 最近创建了一个博客系列,他将使用 Vue 而不是 Vanilla JavaScript 来解决每个挑战。
Gregg Pollack 列出了未来 10 个月内即将召开的 7 个 Vue 会议清单,以及地点和门票价格。
PS:国内还有第二届 VueConf
Nativescript-Vue: 跳过用 JavaScript 构建原生移动应用的难关
Arnav Gupta 经开发了 8 年的原生 Android 应用程序,他对 React Native 有点不满意,但对Nativescript-Vue 非常兴奋。 你可以在本文中了解原因。
使用 Vue.js,Nuxt.js 和 AWS Lambda 进行无服务器端渲染的速成课
如果你正在运行配置好的 Nuxt 服务器渲染,通常需要部署在 Node 服务器上。 Adnan Rahic撰写了一篇文章,展示如何使用 AWS Lamdba 和 serverless 框架呈现你的 Nuxt 应用程序。
下次你需要实现多步骤表单时,需要在填写每个页面时显示人员进度,也可以查看 vue-form-wizard。 Prajacta Khopkar 最近编写了一个快速教程,展示了在项目中导入和使用它是多么容易。
用 Asp.Net Core 实现 Vue.js 的服务端渲染
如果你对在不使用 Nuxt.js 的 Asp.NET Core 中进行 Vue 服务器端渲染感兴趣,Carlos Lisandra 写了一篇很棒的教程,展示了如何使用 NodeServices 来运行它,这允许你的 .NET 应用程序在服务器上在 Node.js 环境中执行 JavaScript。
Robert Zehnder 正准备开始一个新的 Vue 学习项目,因为童年对龙与地下城的激情,他决定使用第 5 版龙与地下城系统参考文档构建一个战斗模拟器。
标签:工具
Vue Toolbox 是一个列出最佳 Vue.js 库的服务。 他们被组合在一起,可以很容易地搜索。由 Tiago Alves 和 Filipe Pina 在学习 Vue 时创建,并希望回馈社区。
库
GitHub - ktquez/vuepress-theme-ktquez 一个 VuePress 的博客主题 by Ktquez 🤘.
tiptap – a renderless rich-text editor for Vue.js 此编辑器基于 Prosemirror,完全可扩展且无渲染(renderless)。 你可以轻松地将自定义节点添加为 Vue 组件。
注:renderless 意味着你将拥有(几乎)完全控制标记和样式的能力。 我不想告诉你菜单应该是什么样的,或者它应该在 DOM 中呈现的位置。 这完全取决于你。 Adam Wathan 还有一篇关于 renderless components 的好文章。
GitHub - arturmiz/vuent 🎨 用 Vue.js 组件实现 Microsoft Fluent 设计
GitHub - joblocal/vue-mapfit 与 SSR 兼容的 vue 地图组件,它提供了 Mapfit 实现的 Maps 视图