作者:羽徵 摘要:操作元素的 class 列表和内联样式是数据绑定的一个常见需求,频繁操作dom元素会降低javascript性能,为了实现高性能js,动态绑定class和style是高素养程序员的必选。本文以React…
分类:react.js
手挽手带你学React:四档(上)一步一步学会react-redux (自己写个Redux)
手挽手带你学React入门四档,用人话教你react-redux,理解redux架构,以及运用在react中。学完这一章,你就可以开始自己的react项目了。 之前在思否看到过某个大神的redux搭建 忘记了大神的名字 …
React事件绑定的几种方式对比
React事件绑定 由于类的方法默认不会绑定this,因此在调用的时候如果忘记绑定,this的值将会是undefined。通常如果不是直接调用,应该为方法绑定this。绑定方式有以下几种: 1. 在构造函数中使用bind…
从0实现一个tiny react-redux
从0实现一个tiny react-redux react-redux 是一个连接react和redux的库, 方便把redux状态库在react中使用。 不用react-redux 先让我们来个裸的redux 和reac…
从入门到菜鸟的经验分享
刚入门时,苦苦寻找某种规律,可以更优雅的,拼接字符串, 显示在html里 还有就是,类似于asp.net的模版cshtml这些方式,重利用html重复部分,对于页面稍微复杂些时,注入的是更多的拖泥带水 自己仍处于入门阶段…
React 教程第七篇 —— 表单
表单 React 是个单向数据流的框架,所以在表单元素与其它 DOM 元素有所不同,而且和双向绑定的框架在操作上也有很大不一样。所以在这里单独拿出来说。 输入受控 import React from 'react' im…
antd+pro = zeal-cube
Zeal Cube组件库 包含antd 54,自定义 10, 合计64款组件 源码 https://github.com/soonyh/zea… API文档 http://soonyh.coding.me/z…
一次性了解React中Hooks
我的掘金: https://juejin.im/post/5c988b… 1. 前言 Hooks是React16.8版本中的新特性,它可以在不使用class声明的组件中使用state和React特性。 Tip…
react 项目模板
根据自己常用的一些配置和需求,制定了一个项目模板 基于 creat-react-app v2.x 搭建的项目模版 以后会持续更新,不过频率不会很高 项目名地址 gitee 技术栈 react react-router m…
react context 学习
在react 数据传递中常用的是通过props 进行数据传递,但是有的内容我们是需要在整个页面中所有的组件使用的,这个时候如果还使用props一层一层的去去传递的话就比繁琐,怎么解决这个问题呢 react提供了一个 co…
React 16 中的异常处理
React 16 中的异常处理翻译自 React 官方文档,从属于笔者的 React 与前端工程化实践系列中的 React 组件分割与解耦章节;也可以使用 create-webpack-app 运行本部分示例 。 异常处…
【全栈React】第8天: 属性类型
本文转载自:众成翻译译者:iOSDevLog链接:http://www.zcfy.cc/article/3818原文:https://www.fullstackreact.com/30-days-of-react/day…