原文:Our Best Practices for Writing React Components . 这里意译。有些点在之前的文章里提到过:#2译文地址:https://github.com/YutHelloWo…
Redux 的简单总结
Redux https://redux.js.org/https://cn.redux.js.org/ store.getState() https://redux.js.org/api-refe… 这个函数…
redux工作原理简单入门
首先要明白工作的过程:组件通过dispatch action去触发store里面的reducer,然后reducer返回一个新的state去改变store里面的值。我们dispatch的action里面必须写明白type…
深入理解react
最近在看react源码,发觉以前对react的理解实在浮浅,这里记录了一些以前疏忽的点。 createElement和component 在react里面,经过babel的解析后,jsx会变成createElement执…
react与redux通信之hook
react和redux建立通信的方式 有2种方案: 老方案connect 新方案hook 老方案connect 曾经,我们会使用connect建立react和redux的通信,例如,在一个class写法的组件中: imp…
[译] Deku Component Specs
原文: https://github.com/dekujs/deku/blob/master/docs/guides/components.md Components 是 UI 当中重用的部分. 可以把 componen…
React移动项目总结
React移动项目总结 背景 接触React半年了,一路走过来,团队做了几个项目,不断的总结经验,不断的重构,也看了很多大牛总结的react经验。尝试把自己遇到的问题总结分享出来,希望更多前辈指导指导。 总结基于两个项目…
React的Refs方法获取DOM实例 和 访问子组件方法及属性
React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。 ref : 绑定属性 refs : 调用的时候使用 调用子组件方法 这是一个很神奇的方法refs,它可以调用子组件的方…
redux-saga 实践总结
有关 redux-saga 的文章,网络上早已是汗牛充栋。因此,本篇主要谈一谈自己的理解,以及实践中的经验总结。 众所周知,redux 大部分的想法,都来自于 elm。在 elm 和 redux 中,整个应用就是一个纯函…
React从入门到精通系列之(10)提升state
十、提升state 通常,如果有几个组件需要反映相同的变化数据。 我们建议将共享state提升到层级最近的,并且是共同的父组件上。 让我们看看这是如何工作的。 在本节中,我们将创建一个温度计算器来计算水是否在给定温度下沸…
Redux学习笔记-Vol.1-介绍
写在前面 这一系列是我在学习redux时的同步笔记,学习资料为:Redux中文文档。 动机 背景: 单页应用,js需要管理很多state。 两个概念: 变化和异步 和React相结合: React在视图层禁止异步并直接操…
Redux概念之二: Redux的三大原则
Redux里的强硬规则与设计不少,大部份都会与FP(函数式程序开发)、改进原本的Flux架构设计有关。Redux官网文档上的三大基本原则,主要是因为有可能怕初学者不理解Redux中的一些限制或设计,所以先写出来说明,这里…