React 实践自训笔记（一）

这两年一直在打 前端开发的专业基础，没有什么实践，主要以看代码为主，很少动手，现在开始补。这几天在github搜寻，还是找到一些不错的开源实践项目，逐个做一做，并整理成文，结为经验。

找到了几个（看下面），因为都是精心设计过的线下课程，它们的特点或优点是 主题内容较全面，练习题循序渐进，练习题描述清晰，且答案配套，非常适用自学用。

开始之前，先聊一聊有关 实践和理论的关系。

实践 在掌握一门专业上的地位

有资格从事某项职务 ，要掌握一门专业。学习和掌握一门专业，就是 一个明白自己专业任务，以及可用的工具和技术的过程。这个过程可能很快，但常常很漫长，取决于入门者的基础，和学习方法。

想精进一门专业，有两条起始门径，第一，做东西；第二，打基础。做东西 能提高我们对自己专业任务意义的体验，打基础（理论基础）能改善我们对工具和技术深刻的认识。

实践和理论不能偏颇，没有理论的做东西，和没有东西的谈理论（和基础工具），都是不对的，不得效率的。

什么是最佳的前端实践

具体实践和打基础只是「起始」，实践什么，和理论何为，是我们不断深入一门专业，提高专业资格的重要「学习过程指引与技术」。

当我们求取一份前端开发的职位时，面试官最感兴趣的问题是，“你之前做过什么商业项目”，“你做过XXX这方面的项目吗？”做商业项目是最佳实践，无疑，然而这只是对有条件的专业人员而言，对刚入门者挑战性过大，而且条件对他们而言不容易得到。

入门者最好的实践，应该是参加培训课程，专业训练营，做他们安排设计的实验项目。这个专业入门的选择，我人个认为还是不错，但自我选择入行前端以来，没有参加任何培训活动。个中原因，主要是我觉得当下培训课程存在两个问题，第一，训练营或职业培训课一般没有理论；第二，培训课程质量难保证，尤其是国内。

实践项目选择和策略

既没有具体商业项目，也不参加培训机构设计的实验项目，那我们如果自学怎么进行实践？有几个可选的方案：

• 第一， 自己设计；例如做一个简化的博客系统，或电商、社交和聊天应用；
• 第二，如果第一条没有概念，可以查寻github，找开源示例进行练习；
• 第三，找线上或线下训练营的完整的开源练习，这就是本文专注的策略；

React training

React training- Classic React workshop

Lemoncode React

Lemoncode React hooks by Example

 

学习策略

学习者背景的差异，课程设计者技术偏好，行业水平的不同等原因，没有 绝对优质的培训课程，要达到最佳的学习效果，需要引入一些针对自己的学习策略。

另外，我认为很 具体的练习目标 最大优点是直观，但是它 可能不全面，因为练习一种类型的问题，可能不容易迁移到另一种问题上去，例如 电商的问题与社交的问题可能存在差异。“抽象的文字” 本身价值也是无限的，它至少不会低于具体练习。要证明你有某方面的经验，描述它，完整描述它，离证明你有这个能力只差一步。

最重要的是，“抽象练习” 可以弥补具体练习的不足，全面的训练你的专业能力。

由此，我对一个个的具体的练习兴趣不大，我关心的是一类。所以我第一件要做的是，对所有练习分门别类，将它们归纳几大前端开发任务。其次，我会以以下的问题 质询 面对的练习的性质：

• 0 练习任务是个什么功能V组件
• 1 这个练习任务的成果，在整个前端甚至webapp是什么意义
• 2 用到了什么新工具，特性
• 3 有没有模式理论（设计，或开发模式）