副作用问题：诸如数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以称为副作用；而Hooks的出现可以使用useEffect来处理这些副作用

TouchableHighlight、TouchableNativeFeedback、 TouchableOpacity 、 TouchableWithoutFeedback

命令安装 {代码...} 路由配置包引用 {代码...} 路由列表 {代码...} 属性参数详解Stack.Navigator导航全局配置，再次配置的参数在所有路由页面的导航上面全部生效，具体属性如下 {代码...} 以上基础配置基本上能满足绝大多数业务的日常开发了Stack.Screen页面导航配置，此处的配置会覆盖全局配置，具体属性参数如下： {代...

鉴于读者对React有一定的认识，且本书所有案例均使用React Hooks编写，以及在React Router源码中使用了Context等React特性，因此本章仅对React的Context、Hooks等部分特性进行介绍。对于其他React相关特性，读者可查阅相关资料进行学习。

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。

本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际react-hooks也并没有那么难以理解，听起来很cool，实际就是函数组件解决没有state，生命周期，逻辑不能复用的一种技术方案。

前端知识体系（图谱）前端工程化体系node主流技术栈大纲ReactVueAngularJavaScriptTypeScript跨平台技术大纲跨端技术发展的三个阶段HybridReactNativeFlutterweex小程序快应用ionicCordova性能优化和监控

父组件在父组件中，编写如下：类中定义child,用于存放子组件的作用域 {代码...} 绑定子组件作用域 {代码...} 子组件上绑定ref {代码...} onRef 绑定this(第3步，不使用箭头函数的情况) {代码...} 子组件在子组件中，编写如下：constructor中onRef绑定this {代码...} 完成以上4步骤，父组件中可以随便调用子组件中state的...

GMTC全球大前端技术大会是由极客邦科技旗下InfoQ中国主办的技术盛会，关注前端、移动、AI应用等多个技术领域，促进全球技术交流，推动国内技术升级。GMTC为期4天，包括两天的会议和两天的培训课，主要面向各行业前端、移动开发、AI技术感兴趣的中高端技术人员，大会聚焦前沿技术及实践经验，旨在帮助参会者了解大前端&am...

安装npm install vditor -s引用导入依赖包import Vditor from "vditor";导入样式import "vditor/src/assets/scss/index.scss";使用示例 {代码...} 示例： 功能使用新建对象 {代码...} 新建对象时第一个参数ID，要对应上再render里面注入的IDoption参数tip：只列举一下常用参数，其他的参数请参照官方API参数说明height配...

背景在日常开发中，我们经常会用一些工具类方法来实现业务逻辑 下面列举几种最常用的URL截取参数 {代码...} JSON是否为空判断 {代码...} 数据类型检测 {代码...} 获取cookie {代码...} 版本号对比一般在做APP端开发的时候需要用到一些版本控制，那么就需要针对版本号来进行对比，高版本或者低版本做一些特殊的逻辑处理，...

在日常的需求开发中我们经常需要用到弹窗，那么在我们构建弹窗时，在引用组件是都需要引入组件DOM，然后通过事件来控制组件的影藏显示，调用也不是很方便；

效果 实现 js代码： {代码...} css代码： {代码...}

css实现 在我们平时的业务开发中经常会用到文案超出只有收起，点击在展示全部文案；通常的使用时使用css来实现 {代码...} 效果如下： 使用css实现时只能做多行的省略，也没法根据文字去添加定制化的按钮去实现展开收起的功能，这个只是适合特定要求不是很高的场合下使用。 字符串截取 另一种方法是使用字符串截取的方案 ...

效果 DOM布局 {代码...} scss样式表 {代码...} 实现 想要居中展示首先是需要找到中心点，然后在点击是计算偏移量，把对应的标签滚动到中心位置 {代码...}

在平时H5或者RN开发时，我们业务场景中大部分都不是单页面的需求，那这时我们就能使用路由在进行多页面的切换。下面会对比一下react路由和RN路由的本质区别和使用方法。

虚拟DOM（VDOM）它是真实DOM的内存表示,一种编程概念，一种模式。它会和真实的DOM同步，比如通过ReactDOM这种库，这个同步的过程叫做调和(reconcilation)。

目前最流行的两大前端框架，React和Vue，都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么，什么是Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？

Echarts-for-react的使用 示例 一、安装 {代码...} 二、使用 {代码...} 三、echarts API 1、设置区域颜色渐进 echarts.graphic.LinearGradient {代码...} 2、legend标签配置 {代码...} 3、极坐标区域大小控制 {代码...} 4、极坐标指示器配置 formatter动态拼接指示器名称 {代码...} 5、点击事件绑定 click事件 {代码...}...

资源 React-16.8.* react-router-dom-4.3.* TypeScript-3.5.* webpack-4.* eslint-5.16.* 项目目录 {代码...} 前言 对于复杂或多人开发的 React 项目来说，管理和使用每个组件的 props 、 state 或许会成为一件让人头痛的事情，而为每一个组件写文档，成本也会比较大，对项目的开发效率也不是最理想的。 Typescript 给 R...