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

[qwerthhusn]

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

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

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

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

[Semaphore]

组里会 antd 的后端开发来说几句，作为后端很浅的学一下 React，主要是它的 state 特性，还有 jsx 大概的格式就可以上手了，按着 antd 的模板现改就 OK，学习成本还是比较低的；我用起来和之前写 js 差不多 [doge]

[jimrok]

我是先后端，再去搞的 react 。主要是 css 开始不太熟练，写不出什么效果来，后来多看别人的实现过程，悟到了，就前后通杀了。

[MasterMonkey]

@thtznet 这是啥？

[shuangyeying]

同问，比较感兴趣。

[serverABCD]

同后端最近找了个前端的活赚点外快，建议先用 vue 做几个项目把 jsx 语法组件通信钩子函数这些有个直观的概念，然后学 react 。

[dayeye2006199]

为啥前端就一定是单页面应用和 JS 呢？ spring 配合个模板引擎（例如 thymeleaf ），服务器端渲染不成吗？

[airfling]

其实我是自学的 angular，和 spring 很像的

[l4ever]

同后端, vue, react 看不懂. 用 jQuery, bootstrap 做的后台也还行. 像模像样的.

[hongch]

@ccraohng 为啥抛弃 dva....

[ppgs8903]

基本上达不到、除了本身的程序、还要会设计、还要视觉和 ux 、其他的配套也要全、基本上前端也不可能一个人搞完。

[waltcow]

ant-design-pro + procomponents + tailwindcss

[karnaugh]

别整 react 了，vue+element

[jydeng]

https://panjiachen.github.io/vue-element-admin-site/zh/
react 上手难度高，vue+element 简单好用

[grewer]

umi 一把梭

[cnzjl]

@jimrok css 不太熟练真实了，我到现在还是写不太熟练。。

[liuxey]

@dayeye2006199 #66 因为在模板引擎里写数据渲染+JS 事件是非常容易出错且繁琐的过程，尤其是现在的页面复杂度越来越高，除非是非常简单的展示型网页不然还是用用最新的技术吧

[ccraohng]

@hongch 大部分数据没必要用 dva，最重要的是模板代码太恶心了。用 hook 以后，dva 显得格格不入，全局数据的用全局 model 或者 context 就可以了。

[dutianze]

推荐这个教程

[dutianze]

接上 https://fullstackopen.com/zh/

[JHExp]

antd 看文档就能直接开梭啊 就是 css 是真的难写 react hook 稍微看一下就差不多了