本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，rewrite重定向问题。 location优先级=开头表示精确匹配^...

组件的状态是一种保存、处理和使用给定组件内部信息的方法，并允许你实现其自身的逻辑。状态本身其实是JavaScript中一个简单的对象(PlainOldJava[Script]Object)，并且改变它是使组件重新进行渲染的几种方法之一。这是react背后最基本的思路之一,但是它(状态)有一些使用起来很棘手的属性，可能会...

我们身处科技高速发展的时代；互联网日新月异，移动应用程序开发产业也在大踏步前进。多年来，移动应用的市场需求呈爆发式增长；众多企业都在开发自己的移动应用程序，或者用于促销自己的产品，或者用来向客户提供更好的服务。众所周知，主导全球市场的两大移动平台分别是iOS和Android。当一家企业决定开发自己的移动应用时，他们需要...

VirtualDOM是一种编程理念。UI信息被特定语言描述并保存到内存中，再通过特定的库，例如 reactDOM与真实的DOM同步信息。这一过程成为 协调(Reconciliation)。 与之对应的数据结构VirtualDOM反映到实际的数据结构上，就是每一个 react&nb...

与我使用的其他框架相比，我最喜欢 react 的原因之一就是它对 JavaScript 的暴露程度。没有模板DSL（ jsX编译为合理的 JavaScript），组件API只是通过添加 ReactHooks 变得更简单，并且该框架为解决的核...

我的许多同事最近通过各种方式问同一类问题：“如果我们开始用hook后，那还有必要用Redux吗？”“react hook不是让Redux过时了吗？那只用Hooks就可以做Redux所有能做的事了吧？”随便搜一下Google，你就会发现人们也在互联网上问同样的问题。简单来说，“react Hooks是...

有没有想过你的应用程序的哪些部分占用了大部分空间？那么，你可以找到webpack BundleAnalyzer。该软件包将帮助您识别占用空间最多的输出文件。它将创建一个实时服务器，并为您提供捆绑包内容的交互式树形图可视化。通过这个工具包，您可以看到所呈现文件的位置，gzip大小，解析大小以及子/父文件。你可以...

很多App都有城市选择的功能，今天带大家编写一个城市选择组件。下面是这个组件的效果图。 从上图中可以看出，我们将所有城市按照字母区分块，右边是字母索引。通过点击右边的字母可以跳转到相对应的块，同样的，在移动左边的列表的时候，右边也会跟随移动来显示不同的高亮。这个组件中，我们通过 react ...

首先，我们使用官方提供的脚手架create-react-app来创建一个项目：npxcreate-react-appeslint-prettier-react-demo/cdeslint-prettier-react-demo/ 安装依赖Eslint是一个可以检验代码，并给出报告的工具。它的目标是保证代码的一...

Hooks的API可以参照 react 官网。本文主要是结合Demo详细讲解如何用Hooks来实现 react ClassComponent写法，让大家更深的理解Hooks的机制并且更快的入门。 注意：Rax的写法和React是一致的，本文Demo基于React实现&n...

首先要明确为什么要使用redux，这一点很重要，如果不知道为什么使用redux，那么在开发的过程中肯定不能合理的使用redux.首先来看redux的本质：redux做为一款状态管理工具，主要是为了解决组件间通信的问题。既然是组件间的通信问题，那么显然将所有页面的状态都放入redux中，是不合理的，复杂度也很高。&nbs...

前言相信很多小伙伴都有可能碰到开发后台管理系统这样的需求，那么我们该如何快速的完成这个需求呢本文将以 react 为切入点，记录打造一个基础管理系统模板的过程，以此加深对 react 技术栈以及项目实战的理解，希望对大家开发一个这样的项目有所帮助如果文章中有出现纰漏、错误之处，还...

在App中，渲染 html 是一个非常常见的功能，有可能是直接渲染 html 字符串或者是通过URL渲染远程HTML页面。react Native提供了一个WebView组件以供我们实现HTML的渲染。早先WebView是在 react Native...

目的本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如key的使用。另外本文不详细的介绍API的使用，后面也许会写，其实想用好hooks还是蛮难的。 面向读者有过 react 函数式组件的实践，并且对hooks有过实践，对useState、useCallback、...

react 官网中对非受控组件与受控组件作了如图中下划线的边界定义。一经推敲,该定义是缺乏了些完整性和严谨性的,比如针对非表单组件(弹框、轮播图)如何划分受控与非受控的边界?又比如非受控组件是否真的如文案上所说的数据的展示与变更都由dom自身接管呢?在非受控组件中,通常业务调用方只需传入一个初始默认值便可使用...