Developing with the Universal Access Responsive Web Application
Find out how to use the provided development resources to customize the IBM® Universal Access Responsive
Web Application reference application and build your
custom application.
Starter pack and packages IBM Universal Access Responsive Web Application starter pack and packages, and Social Program Management Design System packages, as your starting point, you can customize Universal Access for your organization.Sample application project structure create-react-app.Developing compliantly Enforce code style with ESlint spm-eslint-config package contains an ESLint configuration with predefined coding style rules and an EditorConfig configuration file.Universal Access UI coding conventions universal-access-ui package is responsible for the presentation of the UI in the application. Coding conventions ensure that the UI code is separated by responsibilities, which gives benefits such as easier maintenance. Features, Components, and Messages are coded to render each page of the application. The sampleApplication feature Apply for Benefits workflow that complies with the coding conventions.Manage state with React Hooks connect().Redux in Universal Access IBM Cúram Social Program Management APIs and data that is used to present a consistent user experience.Error handling with a React higher-order component (HOC) withErrorBoundary function as a higher-order component (HOC) to handle API errors on features. You can then focus on implementing components and delegate the error handling to the function. Additionally, this approach reduces the amount of code that is needed to implement the component and its tests.Connectivity handling Developing with routes Connecting to Universal Access REST APIs IBM Cúram Social Program Management Universal Access REST APIs. You can use the RESTService utility, and the mock server API service or SPM APIs to help you to develop and test your REST API connections.Developing toast notifications Universal Access Responsive Web Application , we use the design system Alert component as a base to represent our toast notifications and allow capability to display these notifications independent of the main display content in any function within the application.Localization Customizing the application IBM Universal Access Responsive Web Application .Implementing page view analytics Implementing a test environment test-framework package to set up your IBM Universal Access Responsive Web Application test environment for testing with Test Cafe, Jest, and Enzyme. Then, use this guidance and the provided helper files to write end-to-end tests, unit tests, or snapshot tests for your project. You can configure the default test environment to suit your project requirements as needed.React environment variable reference Universal Access React environment variables categorized by function. You can set environmental variables in .env files in the root directory of your application. If you omit environment variables, either they are not set or the default values apply.