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

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

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

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

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

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

同意楼上，vue 起步

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

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

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

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

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

然后是 webpack

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




感谢大佬们，那是看 2.X 还是 3.X 呢？听说 3.X 又跟 React 非常像了。。。
看了很多评论，感觉好像 React 和 Vue 之间有鄙视链，甚至 TS 和 JS 之间也有鄙视链，本来想一步到胃，但是功夫不行，到位不了。。

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

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

node 是环境 npm 要装在上边的

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

直接学 3.0，毕竟这是趋势

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

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