React
17篇文章 · 0订阅
  • React 函数组件内部的一些时间点
    先来看一道题目： code sandbox 当 APP 组件第一次渲染，以及点击 Button 触发 update 时，控制台输出的内容是什么？ 大家可以先思考一下，先在纸上写下自己的答案，然后再看下
    前端 React.js
  • React re-render 完全指南
    很多人刚开始接触到 React 的时候，都会有一个误区，就是 React 会在每次 state 或者 props 发生变化的时候，重新渲染整个组件树。这是不对的 ，首先，组件的重新渲染不只是因为 st
    前端 React.js
    React re-render 完全指南
  • 前端 i18n 最佳实践：在 React 中使用 i18next
    本文将会介绍 i18n 的业界最佳实践。 并介绍了实施 i18n 要解决哪些问题，并使用 react 和 i18next 完成了一个小案例。
    前端 JavaScript React.js
    前端 i18n 最佳实践：在 React 中使用 i18next
  • 最简易版，在React中使用Eslint+Prettier
    在多人合作的项目中，统一代码风格是特别重要的一件事，如果一个人的缩进是2空格，另一个人的缩进是4空格，那即使代码没有做修改，也会被git识别成文件有改动。这情况是很没有必要且可以避免的...
    ESLint React.js 前端框架
  • React使用Ref方式进行父子组件传值和调用
    目的：使用hook和component进行ref方式父子组件传值和调用方法 涉及：React.createRef()、useImperativeHandle、forwardRef 方式：父组件是类组件
    React.js
    React使用Ref方式进行父子组件传值和调用
  • 🧾 如何在 React 中优雅地处理表单？React Hook Form 的使用指南
    React Hook Form 是一个基于 React 的轻量级表单验证库。它使用了 React Hook API，让表单验证变得简单、易用、高效。
    前端 掘金·金石计划 React.js
    🧾 如何在 React 中优雅地处理表单？React Hook Form 的使用指南
  • 「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
    介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !
    React.js JavaScript 前端
    「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
  • 点击页面 DOM 元素，VSCode 自动打开源代码 —— react-dev-inspector 源码解析
    用户反馈了一个紧急线上问题，你用 VSCode 打开代码仓库，由于出现问题的组件模块恰好不是你开发的，要如何快速找到该组件所对应的源文件呢？
    前端 JavaScript React.js
    点击页面 DOM 元素，VSCode 自动打开源代码 —— react-dev-inspector 源码解析
  • 「react进阶」一文吃透react事件系统原理
    一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会
    React.js JavaScript
    「react进阶」一文吃透react事件系统原理
  • 终于搞懂 React Hooks了！！！！！
    解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…
    React.js