V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
learnshare
V2EX  ›  前端开发

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

  •  
  •   learnshare ·
    learnshare · 2021-08-02 10:08:29 +08:00 · 2221 次点击
    这是一个创建于 1217 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这是一场很久之前就想做的自我挑战,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,学起来很有挑战
    第 1 条附言  ·  2021-08-03 11:22:11 +08:00

    2021-08-03 首日汇报

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

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

    后续计划:

    • 创建 TypeScript 版本的 Vue/React Hello World
    • 了解和深入组件
    7 条回复    2021-08-02 16:00:04 +08:00
    dengshen
        1
    dengshen  
       2021-08-02 12:36:30 +08:00 via iPhone
    同样经验。Vue: 一直在用,相对熟悉
    React: 曾经写过,再上手不难
    Angular: 写过 1.*,了解 Typescript
    anjianshi
        2
    anjianshi  
       2021-08-02 14:00:28 +08:00
    我觉得可以把计划细化下

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

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

    3. 目标也可以更明确一点。学习三种框架、融合以往经验、涉猎更多内容,都只是一个过程,但最终想要的结果是什么?例如能对三种框架的机制原理了然于心、融会贯通,甚至能综合它们各自的优点,自己写出一个新框架来(且不论有没有必要)。
    anjianshi
        3
    anjianshi  
       2021-08-02 14:03:26 +08:00
    以及,我觉得还是一个一个去吃透,比一次性吃三个要好。对自己提升更大。
    做一件事,做到极致;比做三件事,都做得一般般,要有意义得多。
    wunonglin
        4
    wunonglin  
       2021-08-02 14:03:50 +08:00
    现在应该可以分为两大派了。[vue, react],[angular]。
    这两种实现思维完全不一样。不要魔怔了。。。。
    如果走火入魔了可以自宫。。。🤣
    murmur
        5
    murmur  
       2021-08-02 14:15:39 +08:00
    vue 和 react-redux(减号,表示不使用)-hooks 一起学习不难,我们有 2 个一起开始的项目当时为了不翻车,脚踩两只船,就是一个 react 一个 vue
    mxT52CRuqR6o5
        6
    mxT52CRuqR6o5  
       2021-08-02 14:24:15 +08:00
    如果只是写业务层面,用起来其实不需要学的有多么深,在这个层面我觉得其实三者本质思想都差不多:数据驱动视图,我个人更偏好 react
    learnshare
        7
    learnshare  
    OP
       2021-08-02 16:00:04 +08:00
    @anjianshi
    @murmur
    @mxT52CRuqR6o5

    感谢关注 ;)

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

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

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

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

    多学点总是好的,而且有足够的开发经验,不至于走火入魔。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1078 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 18:22 · PVG 02:22 · LAX 10:22 · JFK 13:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.