首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
react
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
ReactJS 组件生命周期
ReactJS 组件生命周期,在本章中,我们将讨论组件生命周期方法。生命周期方法componentWillMount在渲染之前在服务器和客户端上均已执行。componentDidMount仅在客户端执行第一个渲染之后执行。这是应该进行AJAX请求和DOM或状态更新的地方。此方法还用于与其他JavaScript框架以及延迟执行的任何函数(例如setTimeout或)集成setInterval。我们正
222
代码人生
01-01 08:00
代码人生
React library 快速入门——React Query
React library 快速入门——React Query,前言React的生态非常庞大,各种lib层出不穷,本系列将介绍其中最受欢迎的一些lib,并给出快速入门的实践案例。本期介绍的是ReactQuery。概览ReactQuery是一个管理请求数据的库。ReactQueryisoftendescribedasthemissingdata-fetchinglibraryforReact,but
219
代码人生
01-01 08:00
代码人生
React-Redux-3 的用法
React-Redux-3 的用法,UI组件和容器组件UI组件classOneextendsComponent{render(){let{n,dec,inc}=this.propsreturn(-{n}+)}}复制代码只负责展示UI,不带业务逻辑没有状态(即不使用this.state这个变量)所有数据都由参数(this.props)提供不使用任何Redux的API特点例子容器组件classOneC
219
代码人生
01-01 08:00
代码人生
ReactJS 最佳实践
ReactJS 最佳实践,在本章中,我们将列出React的最佳实践、方法和技术,它们将帮助我们在应用程序开发过程中保持一致。State−应尽可能避免这种状态。集中化状态并将其作为支柱传递到组件树中是一个很好的实践。每当我们有一组需要相同数据的组件时,我们应该在它们周围设置一个容器元素来保存状态。通量模式是一种处理React应用程序状态的好方法。PropTypes−应始终定义PropType。这将有
219
后端
01-01 08:00
后端
React Context上下文学习笔记(一)
React Context上下文学习笔记(一),我们知道,React中的数据传递是自上而下的(从父组件传给子组件),通过props逐层传递。但是这样层数多了,会极其繁琐。因此,就提到了Context上下文共享数据,这种方法不需要显式的通过props传递。一、Context:为了给某个组件共享全局数据。例如:网站当前登陆用户、主题、首选语言等。Context主要应用场景:很多不同层级的组件需要访问一
217
代码人生
01-01 08:00
代码人生
ReactJS 动画
ReactJS 动画,在本章中,我们将学习如何使用React对元素进行动画处理。第1步-安装ReactCSSTransitions组这是React插件,用于创建基本的CSS过渡和动画。我们将从commandprompt窗口安装它-C:\Users\username\Desktop\reactApp>npminstallreact-addons-css-transition-group第2步-添加C
217
代码人生
01-01 08:00
代码人生
ReactQuery(四) Queries [译]
ReactQuery(四) Queries [译],QueryBasics(查询基础)query是对应唯一key的异步数据源的声明性依赖。query可以与任何基于Promise的方法(包括GET和POST方法)一起使用,以从服务器获取数据。如果您的方法修改了服务器上的数据,建议改用Mutations。要订阅组件或自定义hooks中的query,调用useQuery钩子函数请确保以下几点:唯一的ke
217
代码人生
01-01 08:00
代码人生
React原理(react原理及应用场景)
React原理(react原理及应用场景),setState()的说明1、更新数据setState()是异步更新数据的注意:使用该语法时,后面的setState()不会依赖于前面的setState()可以多次调用setState(),只会触发一次重新渲染this.state={count:1}this.setState({count:this.state.count+1})console.log(
216
后端
01-01 08:00
后端
react 系列(三): 通过 eventLoop、workLoop、workLoopConcurrent 三层循环来理解 concurrent 模式
react 系列(三): 通过 eventLoop、workLoop、workLoopConcurrent 三层循环来理解 concurrent 模式,目前,react18最新的版本已经到了18.0.0-alpha-f6abf4b40-20211020,相信再过不久,我们就可以正式使用react18了。相比17,18版本最大的变化就是原来作为实验性的concurrent特性可以正式使用。基于次,我
213
后端
01-01 08:00
后端
React Native面向未来架构
React Native面向未来架构,既然面向未来,那么项目的架构设计采用React/Reactnative的新特性,并且为即将来到的新特性预留位置;对核心依赖库保持最小代码侵略性和最底依赖;且满足以下这几点。高性能高效率易拓展低耦合易测试少bug协作开发我们先从项目最小的一个点开始讲:组件这里有一个性能关键点,举个例子A组件:constA=({count})=>{React.useEffect(
212
«
1
2
...
4
5
6
7
8
9
10
...
35
36
»