npm 包 ra-core 使用教程

阅读时长 4 分钟读完

简介

ra-core 是一个让开发 React 应用更加轻松的 npm 包,用于管理 React 应用中的数据和 UI 状态。它提供了一整套用于增删改查操作的组件和工具,可在不必写大量代码的情况下,轻松构建出一个功能完备且易维护的 React 应用。

安装

在您的 React 项目中使用 npm 安装:

使用

一个使用 ra-core 的基本流程如下:

  1. <Admin> 组件中声明数据模型、UI 组件等。
  2. <Resource> 组件中定义 RESTful API。
  3. 在 UI 组件中使用 ra-core 提供的组件和工具。

定义数据模型

定义 RESTful API

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

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

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

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

使用 UI 组件

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

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

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

总结

使用 ra-core,我们可以轻松构建出一个功能完备且易维护的 React 应用。在使用前,需要定义资源、RESTful API 等,然后使用 ra-core 提供的组件和工具来展示数据,RBAC 管理等。此外,还可以在 dataProvider 中自定义 API,来适应各种后台 API 接口风格。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedaa42b5cbfe1ea06103f9

纠错
反馈