首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React Explorer
西南_张家辉
创建于2021-05-21
订阅专栏
React 初学者和探索者 Functional Programmin & Hooks & React Beginner
等 5 人订阅
共18篇文章
创建于2021-05-21
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React: Lottie 动画初体验和优化策略
lottie 是 Aribnb 开源一个主要面向 Web、iOS、Android、React Native、Windows 的动画库,可以实时渲染After Effects动画,并以Bodymovin作为json导出,允许应用程序像使用静态图像一样轻松使用动画,一款协同合作的高…
React Hooks 实现一个搜索功能
React Hook useEffect has a missing dependency: 'featchList'. Either include it or remove the dependency array 我们来看这句话 ==如果你指定了一个 依赖列表 作为 us…
React: Hooks入门-手写一个 useAPI
下面是官网文档的链接,基础知识掌握不牢靠的朋友可以再看看,官网的文档可以说是非常完整和浅出了。我的文章主要讨论具体的几个 hooks 的具体使用场景。 通过使用这个 Hook,你可以告诉 React 组件需要在渲染后执行某些操作。React 会保存你传递的函数(我们将它称之为 …
React: 事件处理和绑定方法
注意要显式调用 bind(this) 将事件函数上下文绑定要组件实例上,这也是 React 推崇的原则:没有黑科技,尽量使用显式的容易理解的 JavaScript 代码。 React 实现了一个“合成事件”层(synthetic event system),这个事件模型保证了和…
React: 内存泄露常见问题解决方案
本篇文章首先回顾一下什么是内存泄露,然后看两个 demo 观察 react 出现内存泄露的具体情况。 程序的运行需要内存。只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存。 对于持续运行的服务进程(daemon),必须及时释放不再用到的内存。否则,内存占用越…
React: hooks 该怎么优雅的获取数据
适用于 react,es6使用者,react hooks 初学者。 本文主要写关于怎么使用 state 和 effect hooks 来优雅的获取列表数据。 Warning: useEffect function must return a cleanup function o…
react: 怎么优雅使用获取数据
适用于 react 初学者,需要了解怎么优雅的处理获取数据操作。 普通刚开始学习 react 的初学者都会有一个问题,我们需要展示一列数据。但是我们需要在 react 的生命周期(lifecycle)中哪里去获取这个数据合适啦? 一般在获取数据的时候我们需要处理几种情况,加载中…
React: 高阶组件再理解
开始学习 react 的时候,有一个难点,高阶组件。 以前写过一篇不太成熟的文章,这里忙里偷闲再来详细的理解一下。 最出名的高阶组件就是 redux 状态管理的 connect 组件。大家可以取看一看实现的源码。 redux connect 实现源码。 类似于setTimeou…
优雅的在 react 中使用 TypeScript
react中的组件从定义方式上来说,分为类组件和函数式组件。 这是因为我们使用 class properties 语法对state做初始化时,会覆盖掉Component<P, S>中对state的readonly标识。 是的。只要在组件内部使用了props和state,就需要在…
初学 react 技术总结
使用了 react 14,mbox,react-weui,bugsnag(捕获报错),lodash(函数库),commitLint(git 提交工具)等。 主要是总结自己学习中产生的一些经验之谈和项目遇到的坑。 1A: 遇到的第一个问题就是子父级传值的问题,传值这个问题的解决方…
react-router 路由三种传值方法
react-router传值方法本文主要介绍react-router的使用方法当我们需要的使用router来传值的时候1、使用props.params传值官方例子使用Reactrouter定义路由时,
react es6+ 代码优化之路-1
有什么更好的方法和不足之处,欢迎大家指出。 使用函数默认的参数, 使用 es6+ 的时候,有了结构赋值,我们就不用再函数中自己再去定义一个变量。 当我们开始创建了一个组件 Thingie,到后面我们增加了一个需求,需要随时添加一个 title,所以我们又写了一个组件 Thing…
react 高阶组件的代理模式
看了以前的装饰器的理解和预加载数据的装饰器一定有疑问,为什么这么写装饰器。来看看下面的文章描述: 一个高阶组件只是一个包装了另外一个组件的 react 组件。 当然其中实现的方法主流的包括我们上面提到的,属性代理和反向继承两种方法。 高阶组件有很多知识点,后续补上,本次为了给前…
react 写一个预加载表单数据的装饰器
使用装饰器的方法,包裹一下我们常用的预加载数据,需要渲染的地方。
react 理解装饰器
Decorator模式并不严重依赖于创建对象的方式,而是关注扩展其额外功能。我们使用了一个单一的基本对象并逐步添加提供额外功能的Decorator对象,而不是仅仅依赖于原型继承。这个想法是:向基本对象添加属性或者方法,而不是进行子类化 ,因此它较为精简。 通常情况下我们需要一个…
react 列表渲染基础和技巧
如果现在要把这个数组里面的数据渲染页面上要怎么做?开始之前要补充一个知识。之前说过 JSX 的表达式插入 {} 里面可以放任何数据,如果我们往 {} 里面放一个存放 JSX 元素的数组会怎么样? 当我们需要改变 div 顺序的时候,我们都知道 react 的高效是依赖着 vir…
react 小书笔记--生命周期
根据上面的例子,引出一个非常重要的概念。 2.2 当然由于真正的组件构成初始化,挂载到页面的过程比较复杂,所以 react 添加了几个方法,让我们更好的使用这个过程。 当然我们可以将组件插入页面,当然也可以删除,很多情况下,会在组件销毁的时候进行一定的操作,所以这个 react…
react 小书学习笔记-state/props
前言:迫于所有项目都要想 react 转移,开始初步的了解 react,由于以前已经学习了 react 的基础知识,今天了解一下 state 和 props 的概况。 针对对象:前端初学者,MVVM 框架初步了解者。 state 是组件保存,控制,修改自己的可变状态。 因为状态…