# react 模块和组件

82 阅读1分钟

react 模块和组件

上面几篇博文主要说了一下 jsx 的使用,今天稍微说一下 react 的模块和组件。

模块

  • 向外提供特定功能的 js 程序,一般就是 js 文件了。
  • 为啥要拆成模块?随着业务的增长,代码会越来越多,行数会越来越长,逻辑会越来越复杂。
  • 作用主要是复用 js ,简化 js 的编写,提高 js 运行效率。简单点说就是提高项目代码的可读性和可维护性。

组件

  • 用来实现局部功能效果的代码的资源集合。
  • 为啥要用组件?因为一个界面的功能可能超级复杂。
  • 他的作用主要是复用编码,简化项目编码,提高运行效率。

模块化

当应用的 js 都以模块来编写的,这个应用就是一个模块化应用。

组件化

当应用是以多组件的方式实现,这个应用就是一个组件化应用。

学习过 vue 的应该对这一部分很好理解,因为 vue 也是模块化组件化开发的。

好了, 今天主要是说概念,没错,这是一堂理论课! 啊哈哈哈哈!

好了,拜拜!

在这里插入图片描述