这是一个基于 vite 搭建的 React 的项目，开发体验非常棒。 打开浏览器输入http://localhost:3000/#/，如上图所示的话。那么恭喜你，你可以正常开发 React 项目了。~~完结撒花~~ until/request 作为统一引入的请求方法，可以自定义…

基于两点：（一）是笔者在企业中是使用react 开发，不过有的处理问题的方案还是比较老旧。举个例子：关于redux 还是使用原始的switch 一通写，比如使用thunk要处理 网络请求的几种状态 包括 加载之前 加载中 记载异常等等，这些都要处理，会有很多相似的看起来很尴尬的…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

在介绍formik之前，我们先来说说日常操作form表单中的一些痛点。 当我们想要访问表单中的input控件的值时，通常有两种操作，一种是使用ref去得到dom结构，第二种是使用state存储value。首先，针对于第一种情况，虽然使用ref能够让我们很方便的获取到dom节点，…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

如果我们直接把整个列表渲染出来, 仅仅学生列表就会生成1000+个div标签. 这个时候的DOM数量就会变得难以想象. 我们都知道, DOM结构如果过大, 网页就会出现用户操作体验上的问题, 比如滚动, 点击等常用操作. 同时, 对react的虚拟DOM计算以及虚拟DOM反映到…

填写完项目基本信息会生成一个package.json文件。 @babel/preset-env 主要作用是对我们所使用的并且目标浏览器中缺失的功能进行代码转换和加载 polyfill。在不进行任何配置的情况下，它所包含的插件将支持所有最新的JS特性(ES2015,ES2016等…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 React 没有提供将可复用性行为 “附加” 到组件的途径（例如，把组件连接到 store）。 解决此类问题可以使用 render prop…

React是近几年来前端项目开发非常火的一个框架，其背景是Facebook团队的技术支持，市场占有率也很高。很多初学者纠结一开始是学react还是vue。个人觉得，有时间的话，最好两个都掌握一下。从学习难度上来说，react要比vue稍难一些。万事开头难，但是掌握了react对…