Context 通过组件树提供了一个传递数据的方法,从而避免了在每一个层级手动的传递 props 属性。 在一个典型的 React 应用中,数据是通过 props 属性由上向下(由父及子)的进行传递的,但这对于某些类型的…
React配置less与antd定制主题
一、配置less 在配置less之前,我使用create-react-app,得到React版本为^16.8.6。 安装依赖并解构目录:(可以在命令前加sudo确保不会出现权限问题) yarn add babel-plu…
基于 styled-components 的单位 px -> vw 自动转换
在 styled-components 基础上实现了 px -> vw 单位转换的功能 详细文档请参考: styled-components.com/docs 源码地址:https://github.com/hnz…
[译] React组件 是采用Functional 还是 Class编写 ?
在React里面有两种组件, Class components(类组件) 和 Functional components(函数式组件).两者有明显的区别,比如 Class Components 是属于ES6的类 Func…
[译] React组件 是采用Functional 还是 Class编写 ?
在React里面有两种组件, Class components(类组件) 和 Functional components(函数式组件).两者有明显的区别,比如 Class Components 是属于ES6的类 Func…
从设计的角度看 Redux
想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 你知道 Redux 真正的作用远不止状态管理吗? 你是否想要了解 Redux 的工作原理? 让我们深入研究 Redux 可以做什么,它为什么做它的事情…
匿名绑定对性能的影响-数据说话
实验 线上demo: https://codesandbox.io/s/4j3k…首次进页面render结果 state 变化后的结果 结果总结 组件 绑定方式 结果 (首次 render 次数) 不涉及当前…
react源码阅读
setState react/packages/react/src/ReactBaseClasses.js /** * Sets a subset of the state. Always use this to mut…
使用React手写一个对话框或模态框
打算用React写对话框已经很长一段时间,现在是时候兑现承诺了。实际上,写起来相当简单。 核心在于使用React的接口React.createPortal(element, domContainer)。该接口将eleme…
React Router v4教程:为你的 React 应用创建路由
翻译:疯狂的技术宅 原文: https://www.edureka.co/blog/r… 本文首发微信公众号:前端先锋欢迎关注,每天都给你推送新鲜的前端技术文章 在这篇关于 React Router 的博文中…
React高阶组件中使用React.forwardRef的技巧
之前使用React.forwardRef始终无法应用于React高阶组件中,最近终于捣鼓出来了,于是记录下来。关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。codepe…
从零开始创建一个React项目
1.npm切换成淘宝镜像: npm config set registry http://registry.npm.taobao.org/ 如果有的包下载不了,再重置回npm源 npm config set regist…