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 是一个模块打包工具,但它也可将源代码通过加载器进行转换和编译。