2017年，我构建任何前端项目都非常难。
我自信满满地跟着教程学习，却在独立尝试构建时发现自己卡住了。
快进到如今：现在我是 Palantir 的 资深前端工程师。
这篇文章，我分享了七个实用的小贴士，帮助初级前端开发者成长。
技巧 1：打好坚实的基础没有扎实的基础，你就永远不可能成为一名高级前端开发者。
每一种前端技术都是建立在这些基础知识之上的。
没有了它们，就更难做到以下几点：
-
弄清楚框架和库解决了哪些问题
调试你的代码有效
构建这些基础知识其实没那么难。这里有一些资源可供参考。
-
MDN 课程: 沉实的网页基础知识入门
-
FrontendMasters 免费训练营: 一个很好的开始点，包含实战演练
- JavaScript Info: 掌握强大的JavaScript技能对于学习React这类库是必不可少的.
你可以看遍所有教程并买遍所有编程书，但你不会真正精通，直到你开始在实际项目上动手。
建设项目有多个好处：
经历困难后，你会记得更牢。
-
你在实际情境中检验你的技能
你开始发现一些常见的模式和解决方法
你通过解决实际问题来证明你真的懂了
我推荐这些练习资源，用于练习：
-
Frontend Mentor: 在各个级别上的项目实践
-
前端实践, 模仿真实公司的网站.
-
前端开发项目 各级别项目实战
- JavaScript Mastery: YouTube频道，通过项目驱动来精通网页开发
写出能“工作”的代码其实很简单。
但是 写可维护的代码才是真正的大挑战。
所以尽快让别人看看你的代码并指出错误。
这里是如何根据不同情况获取代码审阅的指南：
- 情况一：有队友，
保持代码简短，然后请求别人来检查。避免提交太大的拉取请求，这会让检查的人感到难以应付。
- 情况2：你一个人
自己写的代码回头再看，效果可能会让你惊讶。过几周再看，你会用全新的视角来审视它。
- 情况3：你失业了啊
你可以在 Reddit 或类似社区寻求反馈，也可以直接联系我获取免费反馈。
💡 回复此邮件以免费获得代码审查。
提示 4：阅读别人写的代码
看别人的代码是我提高自己最好的方法之一。
你在审查别人的代码时：
- 检查代码是否遵循编程规范。
- 查找代码中的逻辑错误和潜在漏洞。
- 保证代码易于阅读和维护。
-
给出改进和优化的建议。
-
学习新招数和窍门
-
注意到有的模式可能有点难读
- 多为读你代码的人着想
进行代码审查作为初级开发人员这样做正常吗？
根本不！
哪怕你是编程新手，你也可以问问自己：“这段代码是否容易理解？”如果不的话，作者可能需要添加注释或者简化.
怎么找到审查的代码：
- 情况一：你有份工作
尽可能地审查代码。如果你的团队没有正式的代码审查流程，还是要查看代码并记下自己的见解。
- 情况2：你现在没工作了
Reddit和GitHub是找代码进行审查的好地方。
💡 看来看看这些大型生产级 React 应用程序示例实例。
学习永远在路上。
了解最佳实践能帮助你写出更易维护和扩展的代码。
以下是我的推荐：
-
网站有：
- CSS: Josh Comeau（CSS 和 React），Ahmad Shadeed（CSS），Kevin Powell（还有 CSS）
- React: Epic React
- TypeScript: Total TypeScript
-
设计模式: Refactoring Guru，patterns.dev
-
书籍：
- 编程: 务实程序员, 干净代码 (查看这里的JS版本在这里 → Clean Code JavaScript )
- React: React高级
- TypeScript: 有效的TypeScript, TypeScript编程
别这样，这周用 React，下周换 Vue，再下下周又换 Node.js。
这条路通向失败，意味着你无法掌握。
没有扎实的知识，你就有可能被人工智能取代。
我给你推荐这个：
-
选择一个重点（前端后端）
选择一个框架，比如 React、Vue 或 Svelte 等
坚持下去，直到你能自信地完成自己的项目。
只有到了那时，开始试试其他工具吧。
提示 7：指导新手开发者
指导新手开发人员可以让你的技能更上一层楼。
实际上，导师的帮助让我受益，
-
通过解释来加深理解
- 增强了自信，因为我发现我懂得的比我想象中要多
如何找到可以指导的初级前端开发人员
找找半年前你所在的地方现在的人，帮他们一把。
Reddit上的社区，比如r/FreeCodeCamp、r/learnjavascript和r/learnreactjs是开始学习的好起点。
简述
成为一名出色的前端开发者并不需要天生的才华或多年的练习经验。
你只需要做以下事情：
-
打下坚实的基础
多练习你学的
-
尽可能多地让别人审查你的代码。
-
阅读他人的代码并进行审阅
-
不断学习业内最佳做法
-
首先掌握1-2项技术，然后再学习其他技术
- 提携晚辈
就这样吧。
需要任何建议，可以私聊我哦，或者在X。
💡 这一周我的小建议是：这就完了 🎉.
留下你的评论 📩，分享你最喜欢的小窍门（或分享一个新的）。
别忘了给个"💖🦄🔥"。
如果你在学 React，可以完全免费下载我的《React 101 技巧与诀窍》电子书（点击这里下载免费电子书）。
如果你喜欢这类文章，订阅我的免费的通讯订阅FrontendJoy（https://frontendjoy.com/）。
如果你想每天获取小技巧，可以在我X/Twitter上找我。