Shared Components

Overview

The Shared Components library is a collection of reusable React components designed for use in the Sandbox Portal. These pre-built UI components aim to standardize and streamline the development of the user interface across various micro frontends within the Sandbox Portal.

Shared Components

Key Components

• Components

  • Purpose: Provide a set of reusable React components.

  • Examples: InfoCard, Stepper, Button, Timeline, InfoButton, etc.

• Contexts

  • Purpose: Manage shared state and provide context to the components.

  • Examples: Authentication context, navigation context, etc.

• Higher Order Components (HOCs)

  • Purpose: Enhance components with additional functionalities.

  • Examples: withAuth, withNavigator, etc.

• Hooks

  • Purpose: Provide custom React hooks for common functionalities.

  • Examples: useCustomAPIHook, useLastUpdatedField, useMDMSHook, etc.

• Providers

  • Purpose: Context providers that manage and supply context to the application.

• Services

  • Purpose: Utility functions for API calls, caching, and other service-related tasks.

  • Examples: genericService, mdmsCache, Request, etc.

• State Management

  • Purpose: Manage the application state using custom hooks and state configurations.

  • Examples: createState, useAuthState, useDrawerState, useLocaleState, useNavigatorState, useTenantState, useUserState, etc.

• Base Components

  • Base components were from the DIGIT-UI-COMPONENT library.

For more details about the components, documentation, library information, and storybook refer to the provided resources.

https://www.npmjs.com/package/@egovernments/digit-ui-components?activeTab=readmewww.npmjs.com

published library

https://unified-dev.digit.org/storybookunified-dev.digit.org

Storybook