react 模块和组件

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

模块

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

组件

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

模块化

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

组件化

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

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

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

好了，拜拜！

6、react 模块和组件相关推荐

【React 基础】之 React 基本介绍、jsx 规则、模块与组件
React 全家桶 React 基础 React-Router 路由 PubSub + 消息管理库 Redux 集中式的状态管理 Ant-Design UI 组件库 - React 简介官网英文官 ...
react基础 - 模块与组件 - 组件化开发
一,模块与组件 1. 模块: 理解: 向外提供特定功能的js程序, 一般就是一个js文件为什么: js代码更多更复杂作用: 复用js, 简化js的编写, 提高j ...
从0到1，一步步开发React的loading组件，并发布到npm上
没有发布过npm包的同学,可能会对NPM对开发有一种蜜汁敬畏,觉得这是一个很高大上的东西.甚至有次面试,面试官问我有没有发过npm包,当时只用过还没写过,我想应该挺难的,就小声说了没有,然后就让我回去 ...
架构三要素：职责明确的模块或者组件、关联关系、约束和指导原则
架构三要素:职责明确的模块或者组件.关联关系.约束和指导原则架构三要素: 职责明确的模块或者组件组件间明确的关联关系约束和指导原则 Linux 的创始人 Torvalds 有一段关于" ...
RN 原生模块及组件入门
前段时间,由于业务的需求,开始接触到了 RN 原生模块和组件的开发,最近刚好有一位同事也是有这方面的需求要开发就过来问我,我一时间竟然有点说不清楚,回想一下,挺多一些点已经有些模糊了,趁着现在刚过完年 ...
React——高阶组件(HOC)
What ?什么是HOC HOC(High Order Component) 是 react 中对组件逻辑复用部分进行抽离的高级技术,但HOC并不是一个 React API . 它只是一种设计模式,类 ...
redux中间件+react高阶组件
1.redux中间件中间件提供第三方插件的模式,自定义拦截 action -> reducer 的过程.变为 action -> middlewares -> reducer.这种 ...
这就是为什么我们需要在React的类组件中绑定事件处理程序
by Saurabh Misra 索拉·米斯拉(Saurabh Misra) 这就是为什么我们需要在React的类组件中绑定事件处理程序 (This is why we need to bind ev ...
架构设计的本质：系统与子系统、模块与组件、框架与架构
点击关注公众号,Java干货及时送达 - 前言 - 在软件研发这个领域,程序员的终极目标都是想成为一名合格的架构师.然而梦想很美好,但现实却很曲折. 在实际工作中,程序员会分很多种,有 ...

6、react 模块和组件

react 模块和组件

模块

组件

模块化

组件化

6、react 模块和组件相关推荐

最新文章

热门文章