原文链接: https://www.robinwieruch.de/r… 在本教程中,我想通过state和effect hook来像你展示如何用React Hooks来获取数据。我将会使用Hacker New…
分类:react.js
【译】TypeScript中的React高阶组件
原文链接: https://medium.com/@jrwebdev/… 高阶组件(HOCs)在React中是组件复用的一个强大工具。但是,经常有开发者在结合TypeScript使用中抱怨道很难去为其设置ty…
入门 Webpack@3 的配置过程
Webpack webpack 指南 React 的 Webpack 配置 PS: 文章结尾有完整实例启动方法:Github地址 本次配置练习主要是针对 webpack-v3,切换分支至 webpack@3-react …
React冷门但很好用的知识点
介绍 最近在重读React官方文档,盘点一些不常用但有用的知识点。如果有啥说的不好的地方,欢迎指正! 推荐个翻译的不错的React文档 getSnapshotBeforeUpdate() getSnapshotBefor…
React组件编写思路(一)
新手写 React 组件往往无从入手,怎么写,什么时候用 props,什么时候用 state 摸不着头脑。其实是没有了解到 React 的一些思想。就我个人的经验大多数的组件都有一定的套路可言,接下来就先介绍下 Reac…
React-router 4 按需加载的实现方式及原理(Code Splitting)
React-router 4 介绍了在router4以后,如何去实现按需加载Component,在router4以前,我们是使用getComponent的的方式来实现按需加载的,router4中,getComponent…
React性能优化系列之减少props改变
React性能优化的一个核心点就是减少render的次数。如果你的组件没有做过特殊的处理(SCU — shouldComponentUpdate或使用PureComponent),那每次父组件render时,…
create-react-app同时对多个框架(antd+antd-mobile)做按需加载的方法
在React项目开发中,经常需要引用一些实用的第三方框架。在使用一些比较庞大的第三方框架时,框架内的各种资源文件数量巨大,这时,如果我们在每次使用框架时,都将框架内所有资源都全部加载的话,这将使得页面的性能大大降低。这时…
React-hooks 简介
什么是 Hooks? 不通过编写类组件的情况下,可以在组件内部使用状态(state) 和其他 React 特性(生命周期,context)的技术 Hooks 为什么会出现 在之前的 React 版本中,组件分为两种:函数…
前端最强面经汇总
花了很长时间整理的前端面试资源,喜欢请大家不要吝啬star~ 别只收藏,点个赞,点个star再走哈~ 持续更新中……,可以关注下github 项目地址 https://github.com/abc-club/f̷…
react的一些性能优化
react 性能优化 shouldComponentUpdate 对于对视图没有关联,但可能更新的数据,可以用 shouldComponentUpdate过滤掉,减少无所谓的更新 返回一个Boolean值,true则更新…
从history api看主流框架的路由机制
前端路由库的作用是改变地址栏,支持浏览器前进、后退,并同步路由对应的视图,这里以react-router及其依赖的history库说一下路由机制 原文地址 前提 首先简单介绍一下前端路由机制所依赖的pushState、p…