React学习DAY1

React程序开发流程：
1、编写 JSX 并随时将它转换成标准的 JavaScript 代码
2、使用模块化模式编写代码
3、管理依赖性
4、打包多个 JavaScript 文件并使用 source maps 进行调试
项目结构：
1、一个 source 文件夹，里面包含了你所编写的所有 JavaScript 模块。
2、一个 index.html 文件。在 React 应用程序中，这个 HTML 页面通常差不多是一个空页面。它仅用来加载应用程序的 JavaScript，并提供一个 div 元素(或者其他任何元素)来让 React 在该元素中渲染出应用程序的组件。
3、 一个 package.json 文件。这个 package.json 是一个独立的 npm 清单文件，它包含了有关项目的诸多信息，例如名称、描述、作者的信息等。它让开发人员在其中指定依赖关系(通过指定依赖关系可以实现模块的自动下载和安装)并定义脚本任务。
4、一个模块打包或 build 工具，用来实现 JSX 转换和模块/依赖项打包。模块的应用使得 JavaScript 代码被组织到了多个文件中，每个模块都声明了它自己的依赖项。模块打包工具在编写完代码之后，就可以根据依赖关系，以正确顺序将所有代码文件打包在一起。有许多工具都可以实现这样的功能，包括 Grunt、Gulp 和 Brunch 等。在任何上述工具的文档中，你都能找到如何配合 React 使用的内容，不过通常来说，React 社区将webpack 用作完成这项工作的首选工具。本质上，webpack 是一个模块打包工具，但它也可将源代码通过加载器进行转换和编译。