React的工作原理
快速理解机制
在学习React时，我们将解开必须了解的术语和机制。如果您已经了解这些常识，请忽略第九部分并继续阅读。
Node.js、Babel和webpack是什么？
将以下三个特点简洁地总结如下表所示。
ツール名役割Node.jsJavaScriptの実行環境を作るJavaScriptエンジンBabelJavaScriptを変換してくれるトランスパイラwebpackJavaScriptファイルなどを1つのファイルにまとめてくれるモジュールハンドラ
我会详细解释。
它是一个使得仅在浏览器中运行的JavaScript可以在服务器端、操作系统等浏览器以外的环境中运行的工具。在Node.js的版本管理中使用npm。其还扮演着创建Babel运行环境的角色。
和React类似，用JSX编写的语法在浏览器中无法执行。
它可以将使用JSX编写的代码转换为浏览器可以解释的状态。
此外，它还可以将使用ES2015及更高版本引入的语法转换为旧版浏览器可运行的状态。
这是一个可以将多个JavaScript文件进行整合的模块处理程序。
通过整合文件可以期望提高网站性能，即加载速度。
模块是由webpack整合的文件，其中之一就是CSS。
由于Babel没有整合JavaScript文件的功能，所以要结合webpack和Babel一起使用。
webpack可以搭建前端开发环境，如对Sass进行编译和对图片进行压缩等。
