Set up your local environment for front-end development
C3 AI Platform has a UI framework and UI component library to accelerate the development of AI applications.
There are two steps to ensure you're ready to develop the front-end portion of your application:
- Set up your local environment
- Set up your remote environment
First, you set up your local machine to comply with all the system requirements. Then you create your own dedicated development environment in the cloud, which hosts your application source code and automatically processes it into a running application.
Prerequisites for the local environment
Before you start developing your UI, ensure your local machine complies the minimum system requirements.
Install the C3 AI VS Code extension
Ensure you install the C3 AI VS Code extension since it offers:
- Code completion
- Code navigation
- In-context documentation
- UI incremental bundling which allows you to preview any changes you make to the application UI.
Set up your browser for development
The C3 AI UI Stack generates a standard React application that is optimized for scale and performance. Since this is a standard React application, you can leverage the existing the existing ecosystem of React and Redux tools to debug and troubleshoot.
Make sure you install the following Chrome extensions, since they make it easier to debug and troubleshoot as you develop your application: