C3 AI UI Developer Guide
Overview
Get started
Reference
Create routes and pages
Use pre-build components
- Render components based on a condition
- Render components based on switch cases
- Dynamic Component Renderer
- Add unique component identifiers
- Visualize timeseries data with customizable aggregation periods
Fetch data and data formatting
Use an manage URLs
Client-side state
- Communication between components
- Simple component communication
- Complex component communication
- Manage application state
- Importing typescript file for reuse
- Arbitrarily update component state
- Leverage runtime configurations
Reuse functionality
- Application architecture and reusable packages
- Reuse UI pages
- Reuse UI component instances
- Remixes with the Typescript annotation
Create new UI components
Test
- Set up unit test for your UI
- Use React Testing Library
- Measuring Page Accessibility
- Test the application with different user roles
- Create coverage reports for UI code
Theme and style
- Theme and style the application
- Unique identifier for component
- Scoped css for just one component
- Overriding styles
- Using icons
- Using scss variables and imports
- Configure the favicon of the application
Localize and translate
Debug
Deploy
- Deploy your app in production mode
- Set UI bundler mode
- Benchmark and Telemetry for Runtime Performance
- Role-based access control for application developers