-
Redux 配置 Store
所属栏目：[教程] 日期：2023-04-06 热度：4739
接下来我们将会探索如何定制 store 来添加额外的功能。
我们将会接着基础部分的源代码继续写，你可以在文档，或 仓库中的示例部分，或者用 CodeSandbox 在浏览器中阅读这些代码。
创建 store
首先我们来看看在[详细] -
搭配 TypeScript教程
所属栏目：[教程] 日期：2023-04-06 热度：3414
TypeScript 是 JavaScript 类型的超集。由于其带来的好处，它最近在应用中变得流行。如果您尚未使用过 TypeScript，强烈建议您在继续阅读之前先熟悉它。 您可以查看其文档。
TypeScript 可以为 Redux 应用程序带来[详细] -
Redux 搭配 React Router解析
所属栏目：[教程] 日期：2023-04-06 热度：6745
现在你想在你的 Redux 应用中使用路由功能，可以搭配使用 React Router 来实现。 Redux 和 React Router 将分别成为你数据和 URL 的事实来源（the source of truth）。 在大多数情况下， 最好 将他们分开，除非你需要[详细]
-
迁移到 Redux解析
所属栏目：[教程] 日期：2023-04-06 热度：9927
Redux 不是一个单一的框架，而是一系列的约定和一些让他们协同工作的函数。你的 Redux 项目的主体代码甚至不需要使用 Redux 的 API，大部分时间你其实是在编写函数。
这让到 Redux 的双向迁移都非常的容易。我们可[详细] -
Redux Action定义
所属栏目：[教程] 日期：2023-04-06 热度：8250
Action 是把数据从应用（译者注：这里之所以不叫 view 是因为这些数据有可能是服务器响应，用户输入或其它非 view 的数据 ）传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过 store.dispatch() [详细]
-
Redux Reducer介绍
所属栏目：[教程] 日期：2023-04-06 热度：6491
Reducers 指定了应用状态的变化如何响应 actions 并发送到 store 的，记住 actions 只是描述了有事情发生了这一事实，并没有描述应用如何更新 state。
设计 State 结构
在 Redux 应用中，所有的 state 都被保存在[详细] -
Redux Store分析
所属栏目：[教程] 日期：2023-04-06 热度：3205
在前面的章节中，我们学会了使用 action 来描述“发生了什么”，和使用 reducers 来根据 action 更新 state 的用法。
Store 就是把它们联系到一起的对象。Store 有以下职责：
维持应用的 state；[详细] -
Redux 数据流解析
所属栏目：[教程] 日期：2023-04-06 热度：1064
严格的单向数据流是 Redux 架构的设计核心。
这意味着应用中所有的数据都遵循相同的生命周期，这样可以让应用变得更加可预测且容易理解。同时也鼓励做数据范式化，这样可以避免使用多个且独立的无法相互引用的重复[详细] -
Redux Todo 列表示例教程
所属栏目：[教程] 日期：2023-04-06 热度：6491
这是我们在基础教程里开发的迷你型的任务管理应用的完整源码。
这个代码也在我们的 example 仓库可以找到。 当然也可以在浏览器通过 CodeSandbox 运行.
入口文件
index.js
import React from 'react'[详细] -
Redux 异步 Action分析
所属栏目：[教程] 日期：2023-04-06 热度：4719
在基础教程中，我们创建了一个简单的 todo 应用。它只有同步操作。每当 dispatch action 时，state 会被立即更新。
在本教程中，我们将开发一个不同的，异步的应用。它将使用 Reddit API 来获取并显示指定 subred[详细] -
Redux 异步数据流教程
所属栏目：[教程] 日期：2023-04-06 热度：5259
默认情况下，createStore() 所创建的 Redux store 没有使用 middleware，所以只支持 同步数据流。
你可以使用 applyMiddleware() 来增强 createStore()。虽然这不是必须的，但是它可以帮助你用简便的方式来描述异[详细] -
Redux Middleware运用
所属栏目：[教程] 日期：2023-04-06 热度：1990
我们已经在异步 Action 一节的示例中看到了一些 middleware 的使用。如果你使用过 Express 或者 Koa 等服务端框架, 那么应该对 middleware 的概念不会陌生。 在这类框架中，middleware 是指可以被嵌入在框架接收请求[详细]
-
搭配 React介绍
所属栏目：[教程] 日期：2023-04-06 热度：4748
这里需要再强调一下：Redux 和 React 之间没有关系。Redux 支持 React、Angular、Ember、jQuery 甚至纯 JavaScript。
尽管如此，Redux 还是和 React 和 Deku 这类库搭配起来用最好，因为这类库允许你以 state 函数[详细] -
Redux 先前技术解析
所属栏目：[教程] 日期：2023-04-06 热度：782
Redux 的灵感来源于 Flux 的几个重要特性。和 Flux 一样，Redux 规定，将模型的更新逻辑全部集中于一个特定的层（Flux 里的 store，Redux 里的 reducer）。Flux 和 Redux 都不允许程序直接修改数据，而是用一个叫作 [详细]
-
Redux 核心概念介绍
所属栏目：[教程] 日期：2023-04-06 热度：9861
简单地，Actions就是事件。Actions传递来自这个应用（用户接口，内部事件比如API调用和表单提交）的数据给store。store只获取来自Actions的信息。内部Actions就是简单的具有一个type属性（通常是常量）的JavaScript对[详细]
-
Redux 安装介绍
所属栏目：[教程] 日期：2023-04-06 热度：6388
Redux作为NPM上的软件包提供，可与模块捆绑器或Node应用程序一起使用：
# NPM
npm install redux
# Yarn
yarn add redux
它也可以作为预编译的UMD软件包来使用，该软件包定义了window.Redux全局变量。[详细] -
Redux 介绍
所属栏目：[教程] 日期：2023-04-06 热度：3578
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 (如果你需要一个 wordpress 框架，请查看 Redux Framework。)
可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试[详细] -
Ajax 前后端交互例子
所属栏目：[教程] 日期：2023-04-06 热度：4885
首先我们先不去管如何向后端添加一条数据，我们来做一个简单的数据查询。
简单来说，前后端按顺序应该是这样的：
前端通过 Ajax 发送一个查询请求；
后端接收到请求，处理请求，包括 MysqL 查询等，最后返回结[详细] -
jQuery Ajax、fetch 和 axios
所属栏目：[教程] 日期：2023-04-06 热度：2187
近年来，前端技术呈现一派迅猛发展的态势，随之而来的是，前后端通信方式也发生了翻天覆地的变化，从一开始的重载页面的老旧方式，逐步发展到如今 XMLHttpRequest 和 fetch。相应的，各种各样的 Ajax 类库推陈出新，[详细]
-
Ajax 跨域请求
所属栏目：[教程] 日期：2023-04-06 热度：2370
简单来说，跨域请求就是一个域下的资源请求另外一个域下的资源。
同一个域，指的是，协议名、域名、端口号都一致。 举个例子来说，假如 “http://www.a.com” 下的 JavaScript 脚本发起 Ajax 请求 &ldq[详细] -
jQuery Ajax教程
所属栏目：[教程] 日期：2023-04-06 热度：4187
相信很多有一定前端经验的同学肯定听说过 jQuery，并且稍有研究的人肯定也知道 jQuery 提供了 Ajax 系列的工具方法。
事实上，市面上有各种各样的 Ajax 类库可以供我们使用，它们更加健壮、更加成熟、并且设计也更[详细] -
Ajax 封装解析
所属栏目：[教程] 日期：2023-04-06 热度：8717
首先， 我们的 xhr 函数支持 config 传入， 内部通过 XMLHttpRequest 技术来进行请求的收发， 大致就是上面这样结构的代码，内部的实现我们前面章节都讲过，唯一不同的是，在 onreadystatechange 上，我们挂载的方法[详细]
-
Ajax 处理服务端响应
所属栏目：[教程] 日期：2023-04-06 热度：302
在浏览器发送 Ajax 请求之后，下一步骤自然是服务器响应。服务器在接收到请求之后会进行一系列处理步骤，最终返回结果。而与此同时，客户端会在接收到返回的结果之后进行界面的展示或者数据的处理。
本章节将会从[详细] -
Ajax 发送请求介绍
所属栏目：[教程] 日期：2023-04-06 热度：7254
首先，我们需要构造一个 xhr 对象。具体方法就是通过 new 来实例化一个 XMLHttpRequest 实例。
const xhr = new XMLHttpRequest();
问题来了，我们知道早期浏览器如 IE5、IE6 并没有直接支持 XMLHttpRequest，如[详细] -
XMLHttpRequest 的由来
所属栏目：[教程] 日期：2023-04-06 热度：6044
首先倒推到 1999 年间，这一年，Microsoft 在 Internet Explorer 5.0 中首次使用了一个技术。通过这个技术，浏览器页面可以不用通过页面重载或者表单提交，就可以将信息发送到服务器，完成信息的交互。这个技术就是 [详细]
