后端开发如何学习前端，达到能用 React 和 AntD UI 组件库做一个管理系统的水平？

[qwerthhusn]

我自己脑海里有个小产品，想自己学习前端用 TS，AntD React 把其做出来。

本人“精通”Java，熟悉 HTTP 协议栈的细节，WebSocket 协议也很熟悉（都是用 Wireshark 仔细观察不同的 Content-Type 的请求的具体形式），但是对前端开发停留在document.getElementById的水平，因为几年前用过 Spring MVC 写过一些 JSP 页面，而且都是照着别人的页面去写的，那时还是 HTML4 和 IE8 的天下。

我之前把 React 官网上的 OX 棋 demo 给研究了一下（不是抄，每一步都是自己尝试着去写），学完之后直接上 AntD 发现啥也写不出来，不知道咋弄。过段时间全忘记了。

求大神给一个快速的学习路线，能多久入门前端并能写一些东西。

[jinzhongyuan]

啊，俺也一样

[ccraohng]

直接上 antd -pro，抛弃 dva 这玩意儿

[zhoushushu]

不是说会 java 的，直接上手 angular 嘛，你可以看看 angular 啊。

[zhwithsweet]

@kayv emmm 阿里除了 Ant，别的东西私货太鸡儿多了。https://www.gatsbyjs.com/ 用 gatsbyjs

[Asai37]

推荐 Ant Design Pro
文档： https://pro.ant.design/docs/getting-started-cn
预览： https://preview.pro.ant.design

这是蚂蚁官方基于 Antd 组件库封装的前端框架，相当于 React + Antd + Umi 的最佳实践了。
最佳实践，就是把前端开发过程中的相关功能都封装了，布局+路由+接口请求+权限等等。
优点是直接拿过来就能用，缺点是封装的功能太多，有些可能是你用不到的。
现在是 正式版是 v4，预览版是 v5 。

[darknoll]

都精通 java 了，区区 react 还不是几天就能拿下？

[Jrue0011]

springboot 还有个 vaadin 。。。也是用 java 做前端页面

[shunia]

推荐 vue 的是什么鬼啊，不是应该找一个整合了 antd 的现成的管理后台框架，改吧改吧是最快的吗？

另外 react 的入手学习应该是 CRA: https://reactjs.org/docs/create-a-new-react-app.html#create-react-app，然后配合 antd 的安装文档，就完事了。

[thtznet]

后端，建议 MAUI 起步，做管理系统绰绰有余。

[TimPeake]

你想学东西还是想做东西 ？想学东西建议还是先自己用官方脚手架搭个项目玩玩 结合网上案例代码几天差不多就熟悉了。
想做东西就直接 ant design pro , 对 你没得选。

[karott7]

直接 Vue 全家桶就好了，什么都帮你配好了，入门基础 JS 语法和熟悉下 ES6 语法，就能写东西了。
至于 webpack，Vue-cli 都帮你继承好了，你什么都不用配

[sjhhjx0122]

@qwerthhusn nest(spring)，egg 是后端框架，umi 是阿里出的 react 脚手架。
因为 react 一直把自己当个库，所以 react 的周边基本都不是官方维护的，导致社区百花齐放，大家都觉得自己是最佳实践，入门就蒙了，react router 为什么那么多版本，redux，mobx，context+hooks 到底那个比较好用，useMemo，useCallback 这些 api 到底什么时候用，以前如果用官方的 cra 想改点 webpack 配置真是老费劲了。
而 vue，angualr，大家几乎都是用官方的东西，出问题好解决，也不用找来找去，这就很适合前端都不了解上手。
喜欢 antd 也可以直接 antd pro 吧，对着例子改就是了。

[nl101531]

angular，上手就写

[yxt]

如果不是前端就业而且是做 admin, angular 不更顺手? ng-zorro, ng-alain 直接上就行

[knightdf]

angular 啊，我就学的 angular，用 angular 版的 antd 就行了

[lihongming]

后端学 class 版的 react 应该很容易上手，跟后端的类思路一致。

但现在官网主推函数式组件，antd 也主推函数式的用法。函数式习惯了确实好使，但对后端来说首先得学习一种新的思想，这就平白增加了学习时间和难度。

建议找找老教程，使用老版的 antd，还是有 class 的教程和示例的

[tinyuu]

和写 jsp servlet 一样啊

[90d0n]

java 程序员吗, 那建议 angular, 概念和 spring 差不多, 看看文档直接就能上手了.

[90d0n]

用 angular 跟 spring 一样爽, 大而全, 不像 vue 和 react 那样到处找组件或者周边库.
angular 一把梭, 需要用的都在里边了, 非常适合 spring 程序员上手.

[rodrick]

首先，不要管什么狗屁鄙视链，前端娱乐圈一直这样，vue 肯定是最快的，后台管理都有很多现成的项目，vue+elementUI 绝对是新手最快的，也没必要上 ts，不过 java 程序员的话可能对 ts 反而更好上手？ react 对于 js 基础还是比较高的，另外 angular 可以考虑，我个人没用过 angular 不做评价了