看不懂前端代码

请问版上的各位大佬，本来最近几个月开始做前端，用的是TypeScript + React + Restful API.

背景：之前是做了一年的后端工作，对于后端虽然做的不太精通，可是组里日常的后端比较小的活儿都是可以干的。

困难：现在就是发现前端的箭头函数很不容易理解，每次写一个新的function都需要呆板的抄代码库里面已经有的代码，如果代码稍微有一点点变化，就很难自己变通了。
还有一个就是不会前端的system design，主要症状找不到最有解决方案，每次能够找到一个solution就已经很开心了；而且我每次写的代码累赘特别多，而组里面的大牛们都能够用很简短的代码完成我做的ticket。

整体来说，感觉前端和后端工作的思路真的很不一样，请问如何尽快适应前端工作呢？求指点！！！凡是认真回复本帖必有大米相赠，谢谢！

推荐一门课 JavaScript: Understanding the Weird Parts
https://www.udemy.com/course/understand-javascript/  

看完之后学react, typescript毫无压力

写代码都是从抄开始，不必不好意思

我说个其他的点，理解你的痛苦

其实慢慢的，按照之前的 code base 弄弄，你会熟悉的

但是css 我觉得这个才是大坑。。。我各种当前页面的 东西乱串，然后和一些UI library 的包冲突啥的，很麻烦，查都不好查

推荐Kent Dodds的React课程https://epicreact.dev/

其实就是需要更多时间学习啊！这些狗屎前端类库硬是把当年js一天的学习曲线拉倒了现在好几年的学习曲线，真不知道先进在那里？实际运用除了vitual dom和promise之外，还有什么真的需要的？我去，真是前端的自我救赎之路。

写过很多前端项目，主要技术栈 reactjs+ts+nodejs，之前实习高强度写过三个月的nodejs，个人认为前端的学习路线应该为：
1. 熟悉js语法（即使你用的是ts，js的基础也必须会）推荐书籍：JavaScript高级程序设计（第3版）（红皮书）重点章节：1，3，4，5，6，7，20，22，24. 不需要逐字阅读，但是需要看个大概
2. 熟悉es6和promise的基本用法，因为js是单线程异步的，promise很重要。https://es6.ruanyifeng.com/#docs/promise
3. 学习ts基本用法，这个如果前两步差不多了，会很快
4. 学习框架基础知识，包括组件生命周期，组件加载逻辑，等等
5. work on toy projects
6. work on real projects

我觉得难的是redux，这些库通常都会有很多种写法，然而网上的教程都是用不一样的版本和写法交织在一起，我觉得那样才是最难学的地方。

抱歉，我看到这个标题的时候还以为你直接看minified js的那个文件了。lol

我觉得区别没有说的那么夸张吧, 只是你还不熟悉而已. 就像一个只写 python 的人, 扔过去一个 c++ codebase 也会很多地方一开始看不懂吧. 不过熟悉一段时间就好了.

就像你说的箭头函数的例子, 你肯定也能看看说明文档就很容易懂了
`(arguments) => {function body}` 就和 `function(arguments) {function body}` 大部分情况下完全一样, 只是少打自己字的写法. 只要考虑一下`this` 想用哪个 context.