程序员张礼奎的博客

了解如何提高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 集成有助于缩短启动时

1、安装1、npm安装npm i react-particle --save2、yarn安装yarn add react-particle3、使用import React from 'react'import Particles from 'react-particles-js';const Home = () => { return ( <div&g...

1、全局安装命令行工具npm install -g create-next-app2、使用命令建立项目npx create-next-app project3、查看是否成功创建next项目cd projectyarn dev4、让next支持cssyarn add @zeit/next-css配置：根目录下新建next-config.js复制代码进去：const w...

useState介绍-useState是React自带的一个hook函数，它的作用是用来声明状态变量。useState使用1、直接引入该方法即可使用：import React,{useState} from 'react'2、使用useState声明变量：下面使用了es6的数组解构赋值： const [count,setCount] = useState(0);这里体现了us...

1、React Hooks介绍2018年底由FaceBook的小组推出Hooks,得到广泛使用。React Hooks使用函数替代原本的继承类形式，并且使用预函数的形式管理state,以后就不用再使用类的形式定义组件了，所有的类形式组件都可以更改为函数声明了。2、对比一下React Hooks代码1、原始写法import React,{Component} from 'react'cl...

1、官网：https://reactcommunity.org/react-transition-group/transition2、react下安装1、cd到项目启动目录:2、安装npm install react-transition-group --save3、它有三个核心库 Transition CSSTransition TransitionGroup...

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...