React是一个库吗
文章平均质量分 91
记录React学习以及使用中的各种问题
程序员张礼奎
全栈,经验,教程,资源。
展开
-
如何提高 React Native App 的性能?
了解如何提高React Native 应用程序的性能、缩短启动时间、减少包大小和内存使用量。 如何提高React Native App的性能1、Hermes的使用2、避免使用 useMemo 重新渲染3、使用缓存图像4、将 nativeDriver 与动画库一起使用5、使用 Redux/MobX/Apollo 进行状态管理6、删除控制台日志7、优化安卓应用大小 1、Hermes的使用 Hermes是一个针对 React Native 优化的开源 JavaScript 引擎。Hermes 集成有助于缩短启动时原创 2021-06-28 15:22:08 · 330 阅读 · 2 评论 -
React使用Particles.js粒子动画
1、安装 1、npm安装 npm i react-particle --save 2、yarn安装 yarn add react-particle 3、使用 import React from 'react' import Particles from 'react-particles-js'; const Home = () => { return ( <div&g...原创 2020-01-13 14:43:21 · 3388 阅读 · 0 评论 -
React Next.js基本配置(antd按需加载,next支持原本的css)
1、全局安装命令行工具 npm install -g create-next-app 2、使用命令建立项目 npx create-next-app project 3、查看是否成功创建next项目 cd project yarn dev 4、让next支持css yarn add @zeit/next-css 配置:根目录下新建next-config.js 复制代码进去: const w...原创 2020-01-13 10:46:44 · 2825 阅读 · 0 评论 -
React Hook suseState方法使用
useState介绍 -useState是React自带的一个hook函数,它的作用是用来声明状态变量。 useState使用 1、直接引入该方法即可使用: import React,{useState} from 'react' 2、使用useState声明变量: 下面使用了es6的数组解构赋值: const [count,setCount] = useState(0); 这里体现了us...原创 2019-11-27 17:21:11 · 1324 阅读 · 1 评论 -
React Hooks基本使用(介绍),Hooks新语法介绍
1、React Hooks介绍 2018年底由FaceBook的小组推出Hooks,得到广泛使用。React Hooks使用函数替代原本的继承类形式,并且使用预函数的形式管理state,以后就不用再使用类的形式定义组件了,所有的类形式组件都可以更改为函数声明了。 2、对比一下React Hooks代码 1、原始写法 import React,{Component} from 'react' cl...原创 2019-11-27 17:19:13 · 539 阅读 · 0 评论 -
react-transition-group动画库的基本使用,React超好用的动画库,React动画,强烈推荐
1、官网:https://reactcommunity.org/react-transition-group/transition 2、react下安装 1、cd到项目启动目录: 2、安装 npm install react-transition-group --save 3、它有三个核心库 Transition CSSTransition TransitionGroup ...原创 2019-11-12 16:59:55 · 481 阅读 · 0 评论 -
JSX中的class陷阱以及html解析问题
1、使用class样式显示或者不显示,但是浏览器控制台会发现Warning警告: index.js:1437 Warning: Invalid DOM property `class`. Did you mean `className`? in input (at Xiaojiejie.js:19) in div (at Xiaojiejie.js:18) in Xiaoj...原创 2019-09-25 13:38:02 · 1836 阅读 · 0 评论