#React

简单搭建React-Native环境

1.背景  差不多半年前安装这个RN环境,由于各种原因,一直安装不成功。时至今日,现在安装这个环境现在方便很多了。2.安装软件  安装nodejs,npm https://nodejs.org/en/download/  安装java,jre http://www.oracle.com/techne...

react的生命周期

react的生命周期分为:挂载、渲染、更新、卸载。  1.componentWillMount:组件初始化时调用,组件已经经历了constructor()初始化数据,但是还未渲染DOM,可以更改state.2.render:创建虚拟dom,进行diff算法,更新dom树都在此进行。此时就不能更改st...
代码星球 ·2020-12-25

React Native 常用的 15 个库

本篇 react native库列表不是从网上随便找的,这些是我在我的应用中亲自使用的库。这些库功能可能跟其它库也有,但经过大量研究并在我的程序中尝试后,我选择了这些库。 这个库非常适合快速地向 react Native应用程序添加简单的动画和转换。这个库有两种使用方式...

如何扩展 Create React App 的 Webpack 配置

Create react App(以下简称CRA)是创建 react 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一些复杂工具(比如 webpack)的配置封装了起来,让使用者不用关心这些工具的具体配置,从而降低了工具的使用难度。但是对于一些熟悉 we...

React高阶组件中使用React.forwardRef的技巧

之前使用react.forwardRef始终无法应用于react高阶组件中,最近终于捣鼓出来了,于是记录下来。关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。 一、React.forwardRef使用示例下面就是应用到React组件的错误示例:const&nb...

在原生 React Native 应用中使用 Expo API

从今天开始,你可以在任何 react Native应用程序中使用尽可能少或尽可能多的ExpoSDK。我们已经花了很多时间构建和维护这些包含原生应用特性的跨平台API,我们很高兴最终实现了向整个 react Native生态共享这些API,并将它们作为一个整体继续优化。Expo未来...

react hook超实用的用法和技巧分析

react hook发布也已经有几个月了,相信有部分人已经开始使用了,还有些人在犹豫要不要用,可能更多人安于现状,没有要用的打算,甚至还有很多公司的react版本是15或以下的,迫于升级的难度没有使用。以我个人的观点,要不要使用reacthook呢? 建议用的的人项目react版本已经是react1...

React.js事件处理的三种写法

reactjs中事件处理,与DOM元素处理类似,但也有一些不同的语法。react 事件名称使用驼峰命名,而不是全小写命名。使用jsX,可以将函数作为事件处理程序传递,而不是字符串。es6的class语法规定,类的方法内部,如果含有this,它默认指向类的实例。但是,单独使用该方法,可能报错,this指向不明确...

基于虚拟 DOM 库 (Snabbdom) 的迷你 React

react 是 JavaScript 社区的新成员,尽管 jsX(在 JavaScript 中使用 html 语法)存在一定的争议,但是对于虚拟DOM人们有不一样的看法。对于不熟悉的人来说,虚拟DOM可以描述为某个时刻真实DOM的简单表示。...

函数式的React

react 是现在最流行的 JavaScript 库之一。使用 react 可以非常轻松地创建 Web 用户交互界面。它的成功有很多因素,但也许其中一个因素是清晰有效的编程方法。在 React 的世界中,UI 是由一个一...
代码星球 ·2020-12-25

21 项优化 React App 性能的技术

介绍在 react 内部,react 会使用几项巧妙的小技术,来优化计算更新 UI 时,所需要的最少的更新 DOM 的操作。在大多数情况下,即使你没有针对性能进行专项优化,React 依然很快,但是仍有一些方法可以加速 React...

react-redux 的使用

最近在学 react,看到 react-redux 这里,刚开始觉得一脸懵逼,后面通过查阅相关资料和一些对源码的解释,总算有点头绪,今天在这里总结下。类似于 vue,React 中组件之间的状态管理第三方包为:react-redux。react-redux 其...
代码星球 ·2020-12-25

react如何通过shouldComponentUpdate来减少重复渲染

在react开发中,经常会遇到组件重复渲染的问题,父组件一个state的变化,就会导致以该组件的所有子组件都重写render,尽管绝大多数子组件的props没有变化 首先,先上一张react生命周期图:这张图将react的生命周期分为了三个阶段:生成期、存在期、销毁期,这样在create、props、stat...

React Fiber

前段时间准备前端招聘事项,复习前端react相关知识;复习react16新的生命周期:弃用了componentWillMount、componentWillReceivePorps,componentWillUpdate三个生命周期,新增了getDerivedStateFromProps、getSnapshotBefo...
代码星球 ·2020-12-24

React中useState Hook 示例

到 react 16.8目前为止,如果编写函数组件,然后遇到需要添加状态的情况,咱们就必须将组件转换为类组件。编写 classThingextends react.Component,将函数体复制到render()方法中,修复缩进,最后添加需要的状态。今天,可以使用Hook获得相...
代码星球 ·2020-12-24
首页上一页...45678...下一页尾页