学习React和Redux的过程。〜了解React〜

2 年 ago

宇, 华

1 minute

首先…

我本来想学习React和Redux，但React对我来说太神秘了，连环境都无法搭建好。
所以，我要记录一些个人笔记来理解React，即使只能理解其中40%也没关系。

虽然标题中写着”Redux”，但本次只涉及React。

我个人的规格

Dockerを独学で勉強中。

React是什么鬼？Node.js又是什么鬼？

因为我想学习React，所以我有写代码的欲望。
于是我搜索了”React 入门”，但是出现的所有文章都有一个关键词叫做Node.js。
因为我甚至不了解Node.js，所以我就从那里开始调查。

Node.js是什么？

对这个完全不能理解。现在我只专注于“运行在服务器端的JavaScript环境”。

React是什么？

我对这个完全没有理解，但貌似是一个JavaScript库。
这个JavaScript库就是说，不仅仅是普通的JavaScript？所以不需要Node.js了？

然而，它是必需的。

在使用React进行开发时，需要使用Babel进行编译，因此需要Node.js。这让我很着急。

作为背景情况…
官方教程中也使用了Node.js来开发React？？？
↓
通过阅读官方教程，发现React是使用一种名为JSX的JavaScript扩展语言来编写的。
↓
由于JSX不等于JavaScript，所以需要将JSX转换为JavaScript。
这个转换过程就使用了由Node.js开发的工具Babel。
以上就是大致情况。

闲谈

我在本地运行了未编译的代码，但是屏幕一片空白。
当我修改了编译后的源代码后，屏幕就显示出来了。

请参考以下资料。
请参考以下参考资料。
请查看以下参考资料。
请参考下方资料。

以下的幻灯片对我个人来说非常清晰易懂，很容易理解。
学习ES6/ES2015和React.js。

然而却变得必要。 2

为了创建一个使用npm（npX）的React应用。

要创建React应用需要大量的模块。
你从哪里获取这些模块呢？问题在于版本管理。
npm可以解决这个问题。
我认为它类似于maven。

最后…… (zuihou)

JavaScript的进步令我感到非常惊讶。
JavaScript曾经是一个法定无主区，但现在已经进化为ES6? 这也让我意识到我需要学习更多关于它。
我甚至还没完全适应函数式编程，而现在又要面对大量的函数式编程，真是让人感到苦恼。

如果有任何错误，请纠正。

首先…