随笔分类 -  React

React
React笔记-首次渲染
摘要：渲染机制 渲染机制主要分为两部分: 首次渲染和更新渲染。 首次渲染 首先通过一个小例子，来讲解首次渲染过程。 程序运行到 时，其中的 babel React.createElement(ClickCounter, null) element`如下: 接下来执行 函数，生成 节点。首先了解下 的部分数 阅读全文
posted @ 2019-04-14 10:13 Raion 阅读(1326) 评论(0) 推荐(0)
React笔记-事件分发
摘要：事件分发 之前讲述了事件如何绑定在 上，那么具体事件触发的时候是如何分发到具体的监听者呢？我们接着上次注册的事件代理看。当我点击 按钮时，触发注册的 事件代理。 为`click nativeEvent dispatchEvent(topLevelType, nativeEvent) _interac 阅读全文
posted @ 2019-03-26 11:53 Raion 阅读(1578) 评论(0) 推荐(0)
React笔记-事件注册
摘要：事件机制 本系列以React v16.8.3为基础进行源码分析 React事件主要分为两部分: 事件注册与事件分发。下面先从事件注册说起。 事件注册 假设我们的程序如下: 事件注册主要发生在初始化Dom属性的时候，调用 方法，对一些类型dom进行事件绑定。 js switch (tag) { cas 阅读全文
posted @ 2019-03-22 23:16 Raion 阅读(866) 评论(0) 推荐(0)
再探Redux Middleware
摘要：前言 在初步了解Redux中间件演变过程之后，继续研究Redux如何将中间件结合。上次将中间件与redux硬结合在一起确实有些难看，现在就一起看看Redux如何加持中间件。 中间件执行过程 希望借助图形能帮助各位更好的理解中间件的执行情况。 redux如何加持中间件 现在是时候看看redux是如何将 阅读全文
posted @ 2019-01-28 21:26 Raion 阅读(603) 评论(0) 推荐(2)
初识Redux Middleware
摘要：前言 原先改变store是通过dispatch(action) = > reducer；那Redux的Middleware是什么呢？就是dispatch(action) = > reducer过程中搞点事情，既不更改原代码，还能扩展原有功能，这就是Redux的中间件。 至于Redux的Middlew 阅读全文
posted @ 2019-01-25 21:41 Raion 阅读(491) 评论(0) 推荐(0)
基于webpack的React项目搭建(三)
摘要：前言 搭建好前文的开发环境，已经可以进行开发。然而实际的项目中，不同环境有着不同的构建需求。这里就将开发环境和生产环境的配置单独提取出来，并做一些简单的优化。 分离不同环境公有配置 分离不同环境公有配置 不同环境虽然有不同的构建需求，但依然有相同的部分，这里将共同部分提取出来，单独配置，其他环境再合 阅读全文
posted @ 2018-01-09 18:57 Raion 阅读(2811) 评论(2) 推荐(0)
基于webpack的React项目搭建(二)
摘要：前言 前面我们已经搭建了基础环境，现在将开发环境更完善一些。 devtool devtool 在开发的过程，我们会经常调试，so，为了方便我们在chrome中调试源代码，需要更改webpack.config.js，然后启动webpack-dev-server。完成之后在chrome浏览器中打开deb 阅读全文
posted @ 2017-12-30 17:01 Raion 阅读(4747) 评论(13) 推荐(2)
基于webpack的React项目搭建(一)
摘要：前言 工欲善其事，必先利其器。为了更好的学习React，我们先简要的把开发环境搭建起来。本文主要介绍使用webpack搭建React项目，如果你对React或es6的基础语法还不了解，建议先去学习学习。 注 鉴于文章发布到现在已有一年之久，很多库版本也发生了很多变化，也导致了很多新手搭建出现许多问题 阅读全文
posted @ 2017-12-23 16:02 Raion 阅读(45288) 评论(14) 推荐(6)