React - 文章分类 - 晴明桑

[react] hooks

摘要：react Hooks Hooks是什么？ functional component在使用的时候有一些限制，比如需要生命周期、state的时候就不能用functional component。而有了Hooks，你就可以在funtional component里，使用class component的阅读全文

posted @ 2019-04-10 22:47 晴明桑阅读(349) 评论(0) 推荐(0)

[react] react 16 新特性

摘要：16.0 一、render 支持返回这五类：React elements, 数组,Fragments，Portal，String/numbers,boolean/null。二、Error boundary（错误边界）用于捕获子组件树的JS异常。捕获范围：渲染期间生命周期内整个组件树构造函阅读全文

posted @ 2019-03-29 22:52 晴明桑阅读(1038) 评论(0) 推荐(0)

[react] RN 积累

摘要：使用相关 css pixel point(PT)代表的是逻辑像素而不是实际像素. 可以通过Dimensions 来获取宽高，PixelRatio 获取密度。 React Native中的Flexbox的工作原理和web上的CSS基本一致，当然也存在少许差异。首先是默认值不同：flexDirecti 阅读全文

posted @ 2018-10-19 11:18 晴明桑阅读(685) 评论(0) 推荐(0)

[react] React Fiber 初探

摘要：React Fiber是对React核心算法的重构，2年重构的产物就是Fiber Reconciler。 1 为什么需要React Fiber 在React Fiber之前的版本,当React决定要加载或者更新组件树时，会做很多事，但主要是两个阶段: 1. 调度阶段(Reconciler)。这个阶段阅读全文

posted @ 2018-06-21 21:12 晴明桑阅读(1067) 评论(0) 推荐(0)

[react] 《深入浅出React和Redux》读书笔记

摘要："随书代码" 1 React 新的前端思维方式 react的理念 2 设计高质量的React组件当 prop 的值不是字符串类型时，在 JSX 中必须用花括号 {} 包住，所以 style 的值有两层花括号，外层花括号代表是 JSX 的语法，内层的花括号代表这是一个对象常量。可以使用 babe 阅读全文

posted @ 2018-04-11 20:32 晴明桑阅读(437) 评论(0) 推荐(0)

[react] react-modal 源码

摘要：看看思路 "react modal" //Modal //ModalPortal //example1 //example2 阅读全文

posted @ 2017-10-19 19:56 晴明桑阅读(372) 评论(0) 推荐(0)

[js] redux (3)

摘要：redux action 我们应该尽量减少在 action 中传递的数据? Redux 中只需把 action 创建函数的结果传给 dispatch() 方法即可发起一次 dispatch 过程。或者创建一个被绑定的 action 创建函数来自动 dispatch：然后直接调用它们： sto 阅读全文

posted @ 2017-09-14 21:05 晴明桑阅读(163) 评论(0) 推荐(0)

[react] 优化 shouldComponentUpdate

摘要：shallowEqual 源码高阶组件方式阅读全文

posted @ 2017-04-19 19:15 晴明桑阅读(1024) 评论(0) 推荐(0)

[js] immutable 实例(2)

摘要：fromJS() 定制转换方式源码 is 源码 countBy() count() 兼容惰性计算 countBy() 不兼容。 countBy()和count()的区别就是它的返回值是一个对象。 setSize 默认值undefined 插入 insert 向 index 位置插入 value i 阅读全文

posted @ 2017-04-17 18:56 晴明桑阅读(413) 评论(0) 推荐(0)

[js] immutable 实例

摘要：原生js js中的对象 js中的数组它们的问题在于无法比较对象/数组是否发生了变化。 immutable 与 Object.freeze、const 区别 Object.freeze 和 const 都可以达到防止对象被篡改的功能，但它们是 shallowCopy 的。对象层级一深就要特殊处理了。阅读全文

posted @ 2017-04-14 19:17 晴明桑阅读(268) 评论(0) 推荐(0)

[react] 高阶组件 HOC (2)

摘要：高阶组件 HOC（Higher Order Component) 这种模式通常使用函数来实现，基本上是一个类工厂。有两种实现方式: Props Proxy： HOC 对传给 WrappedComponent W 的 porps 进行操作 Inheritance Inversion： HOC 继承阅读全文

posted @ 2017-03-23 19:04 晴明桑阅读(1024) 评论(0) 推荐(0)

[react] generate component

摘要：一般公共组件 generate component 写法一个结合了redux的例子 UI Component 的 Generator。 actionCreators 与 UI 放在了一起，然后通过 pageName 和 moduleName 来唯一地标识一个模块，拼装这两个参数作为 actio 阅读全文

posted @ 2017-03-22 19:16 晴明桑阅读(369) 评论(0) 推荐(0)

[react] 动态JSX标签

摘要：原本的写法改进的写法阅读全文

posted @ 2017-02-20 18:58 晴明桑阅读(2233) 评论(0) 推荐(0)

[react] 积累

摘要：State state(状态)更新会被合并. 不要直接修改 state(状态) 唯一可以分配 this.state 的地方是构造函数。 setState一般是异步的 setState 可能是异步或同步更新，不能依赖他们的值计算下一个state(状态)。为何setState可能是同步更新 1. se 阅读全文

posted @ 2016-12-30 19:08 晴明桑阅读(393) 评论(0) 推荐(0)

[react] 无状态组件与高阶组件

摘要：高阶组件通过函数和闭包,改变已有组件的行为, 本质上就是 Decorator 模式在React的一种实现。定义 Enhance 是一个方法，当传入一个 Component（ComposedComponent）的时候，它将自动为该 Component 进行扩展并返回新的类定义。 Enhance 阅读全文

posted @ 2016-12-26 18:45 晴明桑阅读(4525) 评论(0) 推荐(1)

[react] propTypes

摘要：MyComponent.propTypes = { // You can declare that a prop is a specific JS primitive. By default, these // are all optional. optionalArray: React.PropT 阅读全文

posted @ 2016-11-22 14:28 晴明桑阅读(322) 评论(0) 推荐(0)

[react] context

摘要：By adding and to MessageList (the context provider), React passes the information down automatically and any component in the subtree (in this case, B 阅读全文

posted @ 2016-11-14 13:57 晴明桑阅读(168) 评论(0) 推荐(0)

[react] 生命周期 lifecycle

posted @ 2016-08-12 11:58 晴明桑阅读(444) 评论(0) 推荐(0)

[js] Immutable

摘要：Map：键值对集合，对应于 Object，ES6 也有专门的 Map 对象 List：有序可重复的列表，对应于 Array Set：无序且不可重复的列表 List可以使用部分与原本Array同名的方法 map List Set Structural Sharing Support Lazy Oper 阅读全文

posted @ 2016-08-09 16:35 晴明桑阅读(453) 评论(0) 推荐(0)

[js] redux (2)

摘要：Creates a Redux [store] that holds the complete state tree of your app. There should only be a single store in your app. Arguments 1. (Function) : A [ 阅读全文

posted @ 2016-08-09 14:37 晴明桑阅读(199) 评论(0) 推荐(0)

文章分类 - React

公告