V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
raylei
V2EX  ›  程序员

最近在学习前端, js 到底有多少框架啊,当前流行的又到底有哪些?好疑惑

  •  
  •   raylei · 232 天前 · 3730 次点击
    这是一个创建于 232 天前的主题,其中的信息可能已经有所发展或是发生改变。
    28 条回复    2023-09-11 14:14:02 +08:00
    listenEcho
        1
    listenEcho  
       232 天前   ❤️ 1
    是前端页面或者说页面解决方案实现有多少框架, 而不是 js 有多少框架。
    HaroldFinchNYC
        2
    HaroldFinchNYC  
       232 天前
    先把 es6 看一次

    然后学学 vuejs 吧

    虽然我自己用 react
    DamienS
        3
    DamienS  
       232 天前
    RRRSSS
        4
    RRRSSS  
       232 天前   ❤️ 3
    太多了

    * 前端 MVVM 框架:React 、Vue 、Angular ,还有 Svelte 等
    * 在框架基础上的框架:Nextjs 、Nuxtjs 、Astro 等
    * 选择 React 的话,还有全家桶等着你,光状态管理市面上没有 10 个也有 8 个供你选择,选择困难症的噩梦
    * 打包编译工具:Webpack 、Rollup 、Vite 、ESBbuild 等,工具链开发可能还要 Rust
    * 测试工具:Mocha 、jest ,断言库 chaijs
    * CSS 那一堆 less 、sass ,还有 CSS Module 、CSS in JS 等
    * 工程化:ESLint 、Prettier 、Husky 、commitlint 等
    * CI 、CD 发包:Github Action 、changeset
    * monorepo:pnpm 、rush 、lerna 等
    * 常用工具库:lodash 、axios 、dayjs
    * BI:d3.js 等


    还有一些偏门的

    * GraphQL
    * WASM
    * rxjs
    * Electron 、Tauri
    * PWA 、小程序
    dcsuibian
        5
    dcsuibian  
       232 天前
    实际上,多倒不是主要问题,主要是学了会忘以及英文差
    dcsuibian
        6
    dcsuibian  
       232 天前   ❤️ 6
    先学好 html 、css 、js ( es5/6 )这些没得说
    然后就要从三大框架 React 、Vue 、Angular 里选一个,然后进入各自的生态再选。
    我推荐的路线是走 React ,然后选 Next.js ,这样就可以开始写代码了
    除此之外,TypeScript 也是强烈建议学的。

    #4 列的很多,我替你砍一大堆。
    打包编译工具先不学,脚手架都给你配好了。
    测试工具先不学,自己打开网页看效果。
    css 那一堆也不学,就纯 css 写( CSS Module 可以学一下,很快)。
    工程化的那一堆也不用学。
    pnpm 、yarn 什么也不要用,就 npm 够用了。
    如无必要,勿增实体
    witcat
        7
    witcat  
       232 天前
    React 各个方面领先了太多,学这一个,其他的都会了。因为最终都是向 React 的趋同。
    sofukwird
        8
    sofukwird  
       232 天前 via Android   ❤️ 2
    虽然很多人推荐 react ,但开发体验 sveltekit 是最好的
    YuJianrong
        9
    YuJianrong  
       232 天前
    Vite+React+TS

    其他都不用学。
    CHTuring
        10
    CHTuring  
       232 天前
    React SPA Vite + React + TS
    arfaWong
        11
    arfaWong  
       232 天前
    @sofukwird #8 想问下 Svelte 有什么好的 UI 框架推荐吗?还是说你们都是 Tailwind 直接起飞的😂
    TheSpecialOne
        12
    TheSpecialOne  
       232 天前
    @CHTuring react 是一个生态吧,太宽泛了
    weixind
        13
    weixind  
       232 天前
    @sofukwird 开发体验干不过历史潮流。国内找工作还是得搞定 react/vue
    karott7
        14
    karott7  
       232 天前
    你要是后端就不用考虑那么多,直接 vue 全家桶 + vite 相关工具链最方便,后台 UI 框架你就用 ant-design-vue
    用了之后别想那么多,框架性能什么都是浮云,都差不了太多
    qingshui33
        15
    qingshui33  
       232 天前
    放弃吧
    sofukwird
        16
    sofukwird  
       232 天前 via Android
    @arfaWong 用 bootstrap ,有丰富的组件可用

    Tailwind 用过,使用体验极差

    仅客户端导入用 iso-import 解决,组件初始化用 action
    https://kit.svelte.dev/docs/faq#how-do-i-use-x-with-sveltekit-how-do-i-use-a-client-side-only-library-that-depends-on-document-or-window
    yagamil
        17
    yagamil  
       232 天前   ❤️ 1
    个人感觉多不是问题。只是里面的版本过于分裂,你可能看到 2-3 年前的教程,可是在最新版本上可能就很多东西就变了。 不兼容性问题,会让人有点气馁,怀疑自己的感觉。因为教程写的时候很多没有表明版本,然后新技术也不兼容前面版本(可能是小细节不兼容)。
    han3sui
        18
    han3sui  
       232 天前
    web 端:vue3+vite+ts+选一个 UI 框架
    小程序:原生+uniapp
    混合开发:原生套壳 webview ,JSBridge 交互,同 web

    基本上面干完,正常公司找工作肯定没问题
    george2077
        19
    george2077  
       232 天前
    49 年入国军,建议多学后端
    iosyyy
        20
    iosyyy  
       231 天前
    @sofukwird #8 开发你应该考虑的远不止“开发体验” 就 react 来说 其生态就是无敌 社区活跃度前端排名第一没问题吧
    houshuu
        21
    houshuu  
       231 天前 via iPhone
    html css js 没啥好说的,属于最基础的东西。
    框架 react 必学,学了之后大部分框架都是可以转的。nextjs ,vite 这种之后再看。
    svelte 文档都有各种借助 react 概念来解释异同。

    如果急着在国内环境下干活从 vue 入手,但说实话 react 最新版入门难度已经比 vue 低不少了。
    jlak
        22
    jlak  
       231 天前 via iPhone
    react 无二之选
    有生态基本搞什么都很快
    站在巨人肩膀上干活
    sofukwird
        23
    sofukwird  
       231 天前 via Android
    光生态活跃没啥用,得有质量高的精品
    svelte 的生态不差质量还高,而且 react 的生态活跃是因为官方给出的解决方案不够好导致的,svelte 官方给出的解决方案已经解决问题了就无需那种海量初级解决方案
    为什么 svelte 更好呢?因为它是后起之秀呀,就是来解决以前框架不足之处的

    @iosyyy
    MorJS
        24
    MorJS  
       231 天前
    vue3+vite+unocss
    raylei
        25
    raylei  
    OP
       231 天前
    @dcsuibian 这个建议好,谢谢哥
    Tstxxy
        26
    Tstxxy  
       231 天前
    建议先看 React 的官方教程,官方教程不仅讲了 React 的用法,还会讲前端状态、副作用管理所遇到的问题。
    学完之后,一些简单的页面就会写了,然后再去看 Next 是怎么处理前端后交互的问题。
    至于后续的问题,看看文档或者 Google 吧。
    这个过程中可能有难度的地方是用英文搜索。懂得英文搜索,印度、东欧老哥就是你的好老师了,基本没有搜不到的问题。
    windliang
        27
    windliang  
       231 天前
    iosyyy
        28
    iosyyy  
       229 天前
    @sofukwird #23 react 生态活跃是社区文化好和你说的什么给的解决方案不够好有啥关系 在就是后起的多了去了 为什么现在还是 react vue 组合首选因为生态成熟 你说的 svelte 官方解决的问题都是些路由之类的基础问题 很难下降到需求 而 react 社区充满了成熟的可商用的框架
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2872 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 07:13 · PVG 15:13 · LAX 00:13 · JFK 03:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.