[挑战一下]Vue、React 和 Angular 一次学三个，欢迎加入挑战和围观

[learnshare]

这是一场很久之前就想做的自我挑战，Why not ？

目标

• 同时学习 Vue 、React 和 Angular
• 同步学习三者相同 /相关的知识
• 融合以往的项目经验
• 尽量涉及更多、更广的内容

成果记录

1. 将学习内容记录到文档中（编写为 Markdown 存放在 Github 中）
2. 将练习代码保存下来（存放在 Github 中，按主题独立分支）
3. 将 demo 呈现在 https://codesandbox.io/ 上
4. 按日总结并更新

围观地址

https://github.com/LearnShare/learn-VRA

欢迎加入挑战，一同学习。

也非常欢迎交流和讨论：

• learnshare.hjq#gmail
• 各项目 issues

关于我

• Vue: 最近一直在用，相对熟悉
• React: 曾经写过，再上手不难
• Angular: 写过 1.*，了解 Typescript，学起来很有挑战

2021-08-03 首日汇报

https://github.com/LearnShare/learn-VRA/tree/main/topic/hello-world

• 创建了三个 Hello World
• 配置 SCSS 支持
• 配置 ESLint 支持，外加 Airbnb 风格
• 统一代码风格

后续计划：

• 创建 TypeScript 版本的 Vue/React Hello World
• 了解和深入组件

[dengshen]

同样经验。Vue: 一直在用，相对熟悉
React: 曾经写过，再上手不难
Angular: 写过 1.*，了解 Typescript

[anjianshi]

我觉得可以把计划细化下

1. 具体是学这三个框架的什么，是研究源码、机制，还是生态 /工具（如 Webpack 、Vite ），还是啥

2. 基于以上，梳理一个学习路线图，先学啥后学啥；尤其你想一次性学很多东西，有个路线图不至于盲目瞎撞。
而且有了路线图也就有了进度管理，最近进展的是快了还是慢了，在多大程度上达成了目标。

3. 目标也可以更明确一点。学习三种框架、融合以往经验、涉猎更多内容，都只是一个过程，但最终想要的结果是什么？例如能对三种框架的机制原理了然于心、融会贯通，甚至能综合它们各自的优点，自己写出一个新框架来（且不论有没有必要）。

[anjianshi]

以及，我觉得还是一个一个去吃透，比一次性吃三个要好。对自己提升更大。
做一件事，做到极致；比做三件事，都做得一般般，要有意义得多。

[wunonglin]

现在应该可以分为两大派了。[vue, react]，[angular]。
这两种实现思维完全不一样。不要魔怔了。。。。
如果走火入魔了可以自宫。。。🤣

[murmur]

vue 和 react-redux(减号，表示不使用)-hooks 一起学习不难，我们有 2 个一起开始的项目当时为了不翻车，脚踩两只船，就是一个 react 一个 vue

[mxT52CRuqR6o5]

如果只是写业务层面，用起来其实不需要学的有多么深，在这个层面我觉得其实三者本质思想都差不多：数据驱动视图，我个人更偏好 react

[learnshare]

@anjianshi
@murmur
@mxT52CRuqR6o5

感谢关注 ;)

从使用者角度讲，三者的功能都差不多。同类工具，掌握一个也就够了。

+ view = f(state)
+ 模块化、组件化开发
+ 路由
+ 数据、状态管理
+ ES2015+、TypeScript
+ Babel 、Webpack 、CLI

这次学习（或者挑战）的原因是一直想三者都学一遍，从 15 年丢掉 Angular 1.* 的时候就一直想了。

+ 首先是三者都比较流行。从求职的角度看，三者出现的概率是 Vue > React > Angular
+ 虽然三者都可以快速上手开发，但使用者通常只掌握了项目里常用的知识，路走窄了
+ 目前正好有大把时间，可以结合过去几年的开发经验把三者一起学起来
+ 原理层面暂时没有想法，就像大多数人不需要看 Web 规范定义和浏览器源码一样

多学点总是好的，而且有足够的开发经验，不至于走火入魔。