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

[qwerthhusn]

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

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

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

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

[sjhhjx0122]

react 官网教程看完啥都没学会，先学 vue 这个自动档入门～再去看手动档的 react 就好写了，其实你“精通”Java 完全可以去看战斗机 angular ～

[draymonder]

推荐先看 vue, 从我后端的角度来认知，vue 和 react 的目的也是和 jsp 一样的，为了复用

[wxw752]

同意楼上，vue 起步

[murmur]

兼职前端学 vue 可以，react 有点难

[godbasin]

vue 的话可以参考这个： https://github.com/godbasin/vue-ebook

[chogath]

哥，先看 vue 。把前端的常规流程（ node.js 环境、项目构建、项目打包、项目部署）这一套玩通，然后再研究下 vue/react 的实现方式。最后学一下 webpack 就可以啦

[chogath]

同意 1 楼的，如果你熟悉 java 可以 angular nest.js 一把梭，完全是 spring 的玩法。

[Kasumi20]

先学 Node.js ，不会 Node 怎么玩现代前端工具？

[Kasumi20]

然后是 webpack

[tonytonychopper]

用 react 把 todolist 写完，估计就差不多了，不需要额外再学 Vue

[qwerthhusn]

@murmur
@wxw752
@draymonder
@sjhhjx0122 感谢大佬们，那是看 2.X 还是 3.X 呢？听说 3.X 又跟 React 非常像了。。。

看了很多评论，感觉好像 React 和 Vue 之间有鄙视链，甚至 TS 和 JS 之间也有鄙视链，本来想一步到胃，但是功夫不行，到位不了。。

[qwerthhusn]

@Kasumi20 老哥你是说的 npm 还是 Node.js???? Node.js 是做后端的吧，我又不用 NodeJS 做后端。。。NPM 的话不就那几个命令么？

[murmur]

@qwerthhusn 用 2 就可以
直接用 vue-admin-template 开局，不要自己做

[c9792536451]

@qwerthhusn node 是环境 npm 要装在上边的

[ch2]

最麻烦的其实是 webpack,你搞个别人配好的模板 project 比各种瞎踩坑进度会快很多
技术栈别选那种给团队用的 redux 、dva 啥的，用 mobx 最简单了
react hooks 可以先不学，用 class component 会更省时间
剩下的无非是学 antd 给你的控件跟 css

[cxe2v]

@qwerthhusn #11 直接学 3.0，毕竟这是趋势

[x940727]

国内 React 麻烦的主要是 UI 框架大部分都是 AntD，但是 AntD 的最佳实践又和 Umi 绑定，又要去学 Umi，然后 Umi 又带来了各种乱七八糟的问题，于是上手成本就异常的高。

[kayv]

@x940727 道出真相了，我一个老后端上来就劝退了，但是学 vue 和 ng 基本一天就上手。看 AntD 和 umi 有点神烦[🤣

[x940727]

@kayv 我也是后端的，一直在硬啃 React，反正不靠这个吃饭，就当提高技术水平了。

[shintendo]

react 官网教程是很诡异的，写个井字棋，而不是典型的常规网页形态，你觉得看完了无从上手是正常的