@ equinor/ 组合框架- 反应

靴子绑定和消耗的反应约束 a 融合框架 实例存在于 React 应用程序树中.

特征

• 框架提供者 ——通过 React 语境,以单一组件或厂家功能实现框架并发布.
• useFramework 钩子 ——进入活动方 Fusion 从任何后裔部分.
• 模块钩 检索单个框架模块(useFrameworkModule)无手动接线.
• 应用钩 ——观察当前活跃的应用程序,查询应用表,访问应用级模块.
• 上下文钩 ——读取当前所选的Fusion上下文.
• 地物旗钩 ——在框架或应用级别上读取,切换并观察特征标志.
• HTTP 钩 ——获得预配置的HTTP客户端(portal, (中文(简体) ), people从框架.
• 认证钩 ——检索当前认证的用户.
• 信号钩 ——订阅实时信号R中枢专题.

安装

pnpm add @equinor/fusion-framework-react

使用量

启动框架(声明)

import { Framework } from '@equinor/fusion-framework-react';

const App = () => (
  <Framework
    configure={(configurator) => {
      configurator.http.configureClient('my-api', {
        baseUri: 'https://api.example.com',
      });
    }}
    fallback={<span>Loading…</span>}
  >
    <MyApp />
  </Framework>
);

启动框架( 构件)

import { createFrameworkProvider } from '@equinor/fusion-framework-react';
import { Suspense, useMemo } from 'react';

const Portal = () => {
  const Provider = useMemo(
    () =>
      createFrameworkProvider((config) => {
        config.http.configureClient('my-api', {
          baseUri: 'https://api.example.com',
        });
      }),
    [],
  );

  return (
    <Suspense fallback={<span>Loading…</span>}>
      <Provider>
        <App />
      </Provider>
    </Suspense>
  );
};

假设框架

import { useFramework } from '@equinor/fusion-framework-react';

const useMyService = () => {
  const fusion = useFramework();
  return fusion.modules.http.createClient('my-api');
};

获取特定模块

import { useFrameworkModule } from '@equinor/fusion-framework-react';
import type { HttpModule } from '@equinor/fusion-framework-module-http';

const http = useFrameworkModule<HttpModule>('http');

API 参考

构成部分

工厂

核心钩

相接钩( A)/app(中文(简体) )

上下文钩( E)/context(中文(简体) )

地物-旗钩(/feature-flag(中文(简体) )

HTTP 钩 (/http(中文(简体) )

方便钩( C)/hooks(中文(简体) )

信号R钩( S)/signalr(中文(简体) )

再出口类型

出入口

该套件暴露出几个可树动进口的子入口点:

• @equinor/fusion-framework-react ——核心提供者和钩子
• @equinor/fusion-framework-react/app - 应用钩
• @equinor/fusion-framework-react/context - 上下文钩
• @equinor/fusion-framework-react/feature-flag - 地标钩
• @equinor/fusion-framework-react/hooks - 方便钩
• @equinor/fusion-framework-react/http - HTTP 钩
• @equinor/fusion-framework-react/signalr - 信号钩