npm 包 to-redux-type 使用教程

简介

to-redux-type 是一个能够快速生成 Redux action type 的 npm 包,是 Redux 的一个小工具。在日常开发中,我们需要定义 action 的类型和 payload,这时候每次手动写到 reducer 中是一件非常繁琐和容易出错的事情,to-redux-type 包可以解决这个问题。

安装

使用 npm 安装:

--- ------- -------------

用法

to-redux-type 本质上是一个函数,接收一个字符串参数,输出一个对象,对象中包含三个 key,分别是 request,success 和 failure,表示请求、成功和失败:

------ ----------- ---- ----------------

-- -------
----- ---- - --------------------

------------------ -- - -------- --------------- -------- --------------- -------- -------------- -

上面的代码会输出:

-
    -------- ---------------
    -------- ---------------
    -------- --------------
-

我们在定义 action 的时候可以使用这个 object,例如:

------ ----------- ---- ----------------

----- ---- - --------------------

-------- ------------ -
  ------ -
    ----- ------------
  --
-

这里我们可以直接通过 type.request 来获取 user 的 request action type。

参数说明

to-redux-type 接收一个字符串参数,用来定义 module 的名字,支持下划线和中划线命名方式。

命名建议采用小写的短横线命名方式,例如:my-module。

示例代码

以下是一个例子,演示如何使用 to-redux-type 生成 Redux action type。

------ ----------- ---- ----------------

----- ---- - --------------------

-------- ------------ -
  ------ -
    ----- ------------
  --
-

-------- ------------------------ -
  ------ -
    ----- -------------
    -------- -
      -----
    -
  --
-

-------- ------------------- -
  ------ -
    ----- ------------
  --
-

到这里,我们就成功的使用了 to-redux-type 生成了 Redux 的 action type,通过这个小工具可以大大提升 Redux 开发效率,减少错误的出现。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600668f9d9381d61a3540fb3


猜你喜欢

  • npm 包 moy-fp 使用教程

    前言 在前端开发中,我们经常需要处理大量的数据和复杂的业务逻辑,这时候使用函数式编程的思想和工具会让我们的代码更加简洁和易于维护。而 npm 包 moy-fp 就是一个优秀的函数式编程工具库,本文将为...

    3 年前
  • npm 包 moy-dom 使用教程

    概述 moy-dom 是一个基于原生 JavaScript 封装的 DOM 操作工具库,可以帮助我们简洁地操作 DOM 元素,提高开发效率。本文主要介绍使用 moy-dom 的相关知识及操作方法。

    3 年前
  • npm 包 triple-game 使用教程

    Triple-game 是一个基于 Vue.js 的翻转棋游戏组件库。您可以使用该组件库在您的网站或应用程序中轻松地添加一个翻转棋游戏,并为您的用户带来更好的体验。

    3 年前
  • npm 包 formosa-material-ui 使用教程

    formosa-material-ui 是一个基于 Material-UI 的 React 组件库,它提供了一些常用的 UI 组件,包括按钮、文本框、选择框、表格等等。

    3 年前
  • npm 包 quagga-scanner 使用教程

    在前端开发中,实现扫描二维码是一个常见的需求。npm 包 quagga-scanner 可以帮助我们快速实现二维码扫描的功能。本文将为大家介绍 quagga-scanner 的使用方法,包括安装、使用...

    3 年前
  • npm 包 redux-loading-manager 使用教程

    在前端应用中,我们经常需要管理各种异步请求的 loading 状态,以便在应用中展示对应的加载动画或提示信息。而 redux-loading-manager 是一个基于 Redux 的状态管理工具,用...

    3 年前
  • npm 包 wc-ready 使用教程

    前言 在前端开发中,使用 Web Components 技术可以方便地组织应用程序,实现功能模块化和复用。wc-ready 是一款通过 npm 安装的框架无关的前端 Web Components 库,...

    3 年前
  • npm 包 @konfy/vue-input-date 使用教程

    如果你在开发 Vue 前端项目时需要一个日期选择器,那么 @konfy/vue-input-date,一个基于 Vue 的 npm 包,或许可以成为你的选择。 在本文中,我将为大家详细介绍 @konf...

    3 年前
  • npm 包 inwire-end 使用教程

    前言 在前端开发中,有许多 npm 包可以协助我们快速地完成开发工作。其中有一款名叫 inwire-end 的 npm 包,它提供了一些基本的后端能力,能够让我们更加便捷地进行前端开发。

    3 年前
  • npm 包 jk-ui 使用教程

    介绍 jk-ui 是一款基于 Vue.js 的前端组件库,包含常用的 UI 组件及工具函数,比如表单组件、按钮组件、消息提示等等。其使用起来简单便捷,且易于扩展和自定义。

    3 年前
  • npm 包 slideout-mod 使用教程

    npm 包 slideout-mod 使用教程 在前端开发中,常常需要使用到滑动菜单组件。slideout-mod 是一个基于原生 JavaScript 实现的滑动菜单组件,使用 npm 包管理工具进...

    3 年前
  • npm 包 ipld-explorer-cli 使用教程

    IPLD Explorer CLI 是一个 npm 包,它提供了一个命令行工具来访问和管理 IPLD 数据结构。本文将详细介绍如何使用 ipld-explorer-cli 包来进行 IPLD 数据结构...

    3 年前
  • npm 包 cssnano-browser 使用教程

    CSSnano-browser 是 CSSnano 的浏览器版本,它可以在浏览器中使用,处理 CSS 文件并压缩输出。CSSnano-browser 获取 CSnano 的内核,采用了相同的优化策略,...

    3 年前
  • npm 包 asaadsaad 使用教程

    前言 npm 是 node.js 自带的一个包管理器,用于组件化、分发、共享 node.js 工具包及代码片段等。在前端开发中,npm 工具包也扮演着重要的角色,帮助开发者更高效、优雅地进行 WEB ...

    3 年前
  • npm 包 blue-shot 的使用教程

    在前端开发中,我们经常需要对网页进行截图,以便于调试和展示。虽然大家可以使用一些截图工具进行截图,但是使用工具往往效率较低,而且需要复制和粘贴。因此,本文将介绍一款 npm 包,名为 blue-sho...

    3 年前
  • npm 包 lightly 使用教程

    前言 在前端开发中,使用 npm 包已经是家常便饭。而 npm 包 lightly 是一个提供优雅的移动端滑动效果的库。它基于 CSS3 和原生 JS 实现,支持在任意设备大小和方向下都能呈现出流畅的...

    3 年前
  • npm 包 react-ts-cli 使用教程

    前言 在现代 Web 应用开发中,React 已经成为了主流的前端框架,而 TypeScript 则因为其强类型特性、代码提示与文档生成等优点,被越来越多的前端团队所采用。

    3 年前
  • npm 包 reactive-json-schema 使用教程

    在前端开发中,我们经常需要对数据进行验证和转换。前端工程师们大多使用 JSON Schema 进行数据验证,但是 JSON Schema 在复杂业务场景下存在一些问题,具体表现为数据模型难以维护、对数...

    3 年前
  • npm 包 clippings-service 使用教程

    前言 在前端开发中,我们经常会需要进行字符串截取、文字缩略、去除空格等等操作,而这些操作在很多场景下都是很重要的。为了避免每次都需要从头开始写这些操作的代码,我们可以使用 clippings-serv...

    3 年前
  • npm 包 ucm-sql-cli 使用教程

    什么是 ucm-sql-cli? ucm-sql-cli 是一个使用命令行方式操作数据库的工具。它基于 Node.js 开发,可以直接安装在本地,并且支持多种数据库类型和操作方式。

    3 年前

相关推荐

    暂无文章