react
文章平均质量分 52
他说_
开发过程中的积累
展开
-
react通用组件-以toast为例
背景: 第一次使用react做项目,对所开发的通用组件进行一个思路上的整理。 在项目中,不管使用的技术栈是什么,都会出现一些通用组件,比如说toast、popup等。现在以toast为例,产出一个笔记。效果图:在通用组件对应代码目录,创建一个toast组件的目录,以common/Toast为例import propTypes from ‘prop-types’;使用propTypes对props传入的所有参数进行类型上的声明和限制,例static propTypes = {原创 2021-11-29 15:37:48 · 1486 阅读 · 0 评论 -
react学习笔记(三)--- 虚拟DOM && diff算法 && 搭建webpack
上一篇介绍了一些react相关的小概念,这篇主要介绍一下react自身的一些核心概念。原创 2021-02-25 11:38:04 · 155 阅读 · 0 评论 -
react学习笔记(二) --- 生命周期的相关理解
react学习笔记(二) — 生命周期相关理解 因为一直使用的技术栈是vue,但是觉得仅使用一个技术栈是不够的。所以选择了react进行学习和研究。无论学习vue还是react,生命周期是绕不过去的东西,所以今天专门开一篇,写一些自己的拙见。生命周期是什么? 生命周期是程序从开始到销毁的一系列过程。react分挂载、渲染、卸载的过程。 挂载是准备开始阶段,卸载是销毁阶段,渲染是更新阶段。 那么根据使用环节分为两种,一是 挂载卸载过程,二是 更新过程。下面分阶段来区分生命周期:组件载入阶段:原创 2021-02-25 11:16:16 · 133 阅读 · 0 评论 -
react学习笔记(一)--- 相关概念
最近因为工作的原因,要从头扎实的过一遍react的框架。这篇文章比较适合新手,也算是一个随手记吧。模块化:模块化的概念,更多的是从开发角度对可复用的能力进行抽调,比如说jsonp的封装。模块化的使用很大程度的便于开发人员开发与维护。组件化:组件化的概念,更多的是偏向于视觉和业务方面,是从页面视觉上封装可复用的区域及其背后逻辑能力,组件化的使用节省了RD的开发能力。并且随着开发的不断深入,接手项目的不断积累,可复用的组件会越来越多、越来越丰富。概念类 ⬇️vue与react的区别是一个经久不衰的话原创 2020-12-09 15:56:06 · 99 阅读 · 0 评论