react自动化构建react-router-dom路由 require.context扁平化数据转树形结构

设计的初衷： 1. 简洁清爽 2. 重点突出 整个页面使用了一个渐变的背景色，重要的内容居中显示，条款等内容右下角小字展示；整个站点以拂晓蓝色调为主...

为了提高大家开发 React 项目的效率, 笔者结合自己的实际工作经验, 汇总如下React项目常用插件. 1. 状态管理 2. UI组件库 React desktop 基于React的JavaScript库，旨在将本机桌面体验带入网络，其中包含许多macOS Sierra和W…

react hook其实就是使react函数组件可以使用state的一种方案，当然了不止可以简单的使用state，还提供了一些其他的hook, 这些方法就是 react hook。 除了准备上面代码文件外，还需要安装chrome插件 React Developer Tools …

之所以有该项目呢，是因为日常可能自己需要练手其他 Next.js 项目，又不想每次都重新配置一遍，但基于强迫症正常企业级项目该有的配置觉得不能少了，于是就想开搞一个通用脚手架模板。 说起 Next.js，8 月份写了一篇文章手把手带你入门 NextJs（v9.5），主要是因为网…

经过了上一篇文章的科普，大家应该都对前端的自动化测试有了一定的了解。 由于国内对于前端自动化的实践不多，相关介绍的文章也很少，中文资料匮乏，很多库类只能通过去阅读英文官方文档来学习使用。当然，在这篇文章中我会尽量给大家将英文文档中比较基础比较重要的部分讲解一下。 既然是与 Re…

React 是单向数据流，数据通过 props 从父节点传递到子节点。如果顶层的某个 props 改变了， React 会重新渲染所有的子节点。注意⚠️：props 是只读的（即不可以使用 this.props 直接修改 props），它是用于在整个组件树中传递数据和配置。 每…

最近在做一些h5活动的需求，发现用到转盘的机会很大。 额，因为gif压缩了，所以画质有点。。。呵呵，没关系的 传入一个奖品数组. 能够在点击转的按钮时候做一些判断是否可以开转. 开转后有一个回调，用于请求奖品返回. 转动结束/中奖回调. 转动按钮，背景图可配置. 这里主要是两张…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…