Shared Components
Last updated
Last updated
All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.
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.
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.