简介
ra-core 是一个让开发 React 应用更加轻松的 npm 包,用于管理 React 应用中的数据和 UI 状态。它提供了一整套用于增删改查操作的组件和工具,可在不必写大量代码的情况下,轻松构建出一个功能完备且易维护的 React 应用。
安装
在您的 React 项目中使用 npm 安装:
npm install ra-core
使用
一个使用 ra-core 的基本流程如下:
- 在
<Admin>
组件中声明数据模型、UI 组件等。 - 在
<Resource>
组件中定义 RESTful API。 - 在 UI 组件中使用 ra-core 提供的组件和工具。
定义数据模型
// src/resources/User.js import { Resource } from 'ra-core'; export const UserResource = new Resource('users');
定义 RESTful API
-- -------------------- ---- ------- -- ---------- ------ - ------ -------- - ---- ---------- ------ - ------------ - ---- ------------------- ----- ------ - --------------------- ----- ------------ - - -------- ----- ---------- ------- -- - ----- - ----- ------- - - ------------------ ----- ----- - - ----------------- ------ ----- ------- -------- ------ ------------------ ------- ------------------ -- ----- -------- - ----- ---------------------------------------- ----- ---- - ----- ---------------- ------ - ----- ----- ------ -------------------------------------- -- -- ------- ----- ---------- ------- -- - ----- -------- - ----- -------------------------------------------- ----- ---- - ----- ---------------- ------ - ----- ----- -- -- --- -- ---- ---- -- ----- --- - -- -- - ------ ---------------------------- --------- ------------ ----------------- -- ---- -- ---- --------- --- ----------- -------- --
使用 UI 组件
-- -------------------- ---- ------- -- --------------------- ------ - ----- --------- --------- - ---- ---------- ----- -------- - ------- -- - ----- ----------- --------- ---------------- ---------- ------------- -- ---------- -------------- -- ---------- -------------- -- ----------- ------- -- ------ ------- ---------
总结
使用 ra-core,我们可以轻松构建出一个功能完备且易维护的 React 应用。在使用前,需要定义资源、RESTful API 等,然后使用 ra-core 提供的组件和工具来展示数据,RBAC 管理等。此外,还可以在 dataProvider 中自定义 API,来适应各种后台 API 接口风格。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedaa42b5cbfe1ea06103f9