react
7篇文章 · 0订阅
  • React Router 入门完全指南(包含 Router Hooks)🛵
    众所周知，React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面，它是没有路由导航机制的. 这时候往往需要一种路由机制，以便在不同的视图之间切换而不用刷新整个网页. React-Router 就是一个扩展 …
    React.js
    React Router 入门完全指南(包含 Router Hooks)🛵
  • 「2021」高频前端面试题汇总之React篇（上）
    2021 高频前端面试题汇总之React篇，前端面试题汇总系列文章的React篇，长期更新，欢迎收藏、点赞！
    面试 前端
    「2021」高频前端面试题汇总之React篇（上）
  • 35 道咱们必须要清楚的 React 面试题
    虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。 类组件可以使用其他特性，如状态 state 和生命周期钩子。 当组件只是接收 pro…
    React.js JavaScript
  • 为了提升代码质量我做了哪些努力？（关于重构、ES6-ES13、React篇，近2万字，建议收藏）
    就我的个人感受分享一下关于我对提升代码质量的看法和做法，主要是从方法和推荐使用角度入手，分析如何才能让我们的代码看起来更优雅，运行起来性能更优秀，近 2 万字的篇幅，建议收藏起来慢慢看。
    前端 React.js 面试
    为了提升代码质量我做了哪些努力？（关于重构、ES6-ES13、React篇，近2万字，建议收藏）
  • React Hooks 详解 【近 1W 字】+ 项目实战
    如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…
    React.js
  • 用 useContext + useReducer 替代 redux
    Redux 毫无疑问是众多 React 项目首选的状态管理方案，但我觉得 Redux 的开发体验并不好。 去到管理 redux 的文件夹，思考把这个状态放到状态树的哪个位置，然后新建一个文件夹并命名 myFeature。 以上只是加个状态而已，写很多模板代码还是其次，最要命的是…
    React.js
    用 useContext + useReducer 替代 redux
  • React Hook + TS 购物车实战（性能优化、闭包陷阱、自定义hook）
    本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据，这里并不是本文的重点，可以通过自定义请求 hook 实现，也可以通过普通的 …
    React.js