Development process
Front-end development
Use the React Add-on Development environment to develop React components. You can use React components directly from the IBM Carbon Design System or, if you can’t find what you need, create your own Carbon Add-on components in React. A Carbon add-on is a custom component that conforms to the IBM Carbon Design System guidelines. Some sample add-on components are provided in the repository for reference. You can do your front-end development in parallel with your back-end development or in isolation.
Use the standard Social Program Management client development environment (CDEJ) to create UIM pages and create Java renderers to render your components on UIM pages in the web client application.
Getting started with Carbon React JavaScript development
The Carbon Design System provides design guidance for the development of user interface components based on the Carbon Design System and implemented in a number of frameworks, including React.
For more information about IBM Carbon Design System, see the Carbon v10 website and the Carbon v10 Storybook.
If you are new to Carbon and React development, see Carbon React Frameworks and the Carbon v10 React tutorial, and the Facebook Create React App documentation to get you started.
Back-end development
Using the Social Program Management server development environment and GraphQL functionality, implement domain definitions and the services (business logic) to create/update/get the data for your components. GraphQL is recommended for the back-end data service, especially for data intensive screens, see https://www.ibm.com/docs/en/spm/8.0.2?topic=apis-graphql.