react 进阶 懒加载 React.lazy函数能让你像渲染常规组件一样处理动态引入(的组件)。Suspense加载指示器为组件做优雅降级。fallback属性接受任何在组件加载过程中你想展示的 React 元素。 c…
分类:react.js
React focus 事件的坑
React 的 focus 事件实现有问题 React 的 focus 事件会冒泡,但是原生 DOM 的 focus 事件是不冒泡的; 原生 DOM 的 focusin 事件是会冒泡的,但是现在 React 没实现 fo…
一个表单验证例子
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content=…
antd-mobile按需加载样式和自定义样式
antd-mobile 引入css的样式的两种方式 在入口处引入样式 // 一般入口文件是index.js import 'antd-mobile/dist/antd-mobile.css'; // or 'antd-m…
React-Keeper 前端路由缓存 存储状态(大部分转)
前言 接触react也有一段时间了,一直在做关于react前端架构相关的研究,今天遇见了一个需求:在做后台管理项目的时候,产品经理提出:从列表页填写查询条件,然后查询出结果,点击某一条结果进入编辑页面,编辑完了之后返回列…
去掉antd的Input组件获取焦点时的蓝色边框
antd的Input输入框组件在获取焦点时会有蓝色的边框显示,最初尝试通过设置outline:none的方法去掉这个边框,但是发现这个方法不起作用。 最终通过在F12调试页面下的Elements选项下的多次观察和实验,发…
React 16 Upgrade
React 16 Upgrade New Lifecycle Mounting constructor() static getDerivedStateFromProps() render() componentDidM…
PWA 渐进式Web - 收藏集 - 掘金
(译)使用 React.js 的渐进式 Web 应用程序:第 4 部分 – 渐进增强 – 前端 – 掘金 原文地址:Progressive Web Apps with React.js…
[译]展示组件(Presentational Components)与容器组件(Container Components)
原文地址 我发现当你在写React应用时,将组件分成容器组件与展示组件是一个好模式。如果你使用react已有一段时间了,你可能早就发现这件事了。这里有一篇文章对其进行了很好的解释,但我想补充几点。 如果你将组件分成这两类…
preact源码解读(2)
前言 这里是第二篇,第一篇在这里 这次讲Component,以及它的一些轻量依赖。 顺便说下司徒正美的preact源码学习 感觉比我写的好多了,图文并茂,还能提出和其它如React的源码比较。 我唯一好点的可能就是代码几…
React 配合 Ant Design 使用 react-draft-wysiwyg 富文本编辑器
Ant Design Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界,将进行 UE 设计和 UI 设计人员统称…
TypeScript 3.0 + React + Redux 最佳实践
首先声明, 这篇文章是想说明一下最新版本的 TypeScript(3.0) 的新特性带来的极大的 React 开发体验提升. 而不是如何利用 TypeScript 开发 React 应用. 这个特性就是对defaultP…