100天代码:第47天

如您所知,我的#100DaysOfCode最近遍地都是。 生活有一种妨碍自己的方式-通常-但是我在尽力而为。 每个人的故事都不同,我的情况似乎还很丰富。在这一点上,我认为我将努力克服挑战,即使我的职位和进步都有差距。 这是我第七次尝试这一挑战,这次我将进入第100天。

今天,我正在学习React。 我身体的纤维一直想让我逃跑并立即做其他事情,但是我正在努力消除那种我能做到的最好的感觉。 我已经尝试了好几次来学习React,但是还没能将其包裹住。 我从Codecademy上的一般课程开始,观看了Traversy Media的教程,并阅读了FullStack React,但似乎对我没有任何帮助。

因此,我将使用ReactJS网站上的官方教程进行工作。 这是我还没有尝试过的唯一教程-不妨尝试一下。 (此外,这也使我有机会更新Node和NPM,因为它们都已经过时了。)

本教程的目标是在React中制作井字游戏。 它将以一种有趣的方式教授React的所有必要部分……至少这是本教程所声称的。 由于我已经在Unity中制作了Tic-Tac-Toe,所以我很期待看到React和C#有什么区别。

该教程实际上使您可以选择在Codepen中还是使用自己的编辑器在本地创建游戏。 因为我是惩罚和爱痛的嘴,所以我要走本地版本路线。 真正希望它不像我上次尝试在本地运行React时那样痛苦。

本教程首先使用create-react-app制作应用程序。 这对我来说是新的,因为我用来制作React应用程序的所有教程都使用了Webpack,并且希望您手动完成所有操作。 从我从开发者朋友那里听到的信息来看,对于从头开始学习React的人来说,使用create-react-app更好。 我确实知道Webpack是其中的一部分,但是我对Webpack的了解还不够多,无法就哪种更好的情况有明确的看法。 但是本教程使用create-react-app,这就是我要使用的。 加载花费了一段时间,但是一旦完成,您就添加了项目所需的CSS和JS,删除了基本安装随附的一些预制文件,瞧! 您有本地运行的React版本!

接下来,向我展示了如何将属性从父组件传递到子组件,还向我展示了如何使用状态在屏幕上呈现值。 基本上,我了解了如何进行设置,因此,当您单击屏幕上的某个区域时,该区域将显示一个X。

因此,到目前为止,一切工作正常。 我希望他们在我学习本教程的过程中能够继续正常工作。 ^ _ ^