[挑战一下]Vue、React 和 Angular 一次学三个,欢迎加入挑战和围观 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
learnshare
V2EX    前端开发

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

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

    这是一场很久之前就想做的自我挑战,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
    以及,我觉得还是一个一个去吃透,比一次性吃三个要好。对自己提升更大。
    做一件事,做到极致;比做三件事,都做得一般般,要有意义得多。
    shakaraka
        4
    shakaraka  
    PRO
       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
    mxT52CRqR6o5
        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     Solana     4235 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 00:15 PVG 08:15 LAX 17:15 JFK 20:15
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86