npx create-react-app demo-app --template=typescript
cd demo-appBegin Here
Set Up A Project
Introduction
The KOS Model Framework and UI SDK assumes that Consumer UI (CUI) and Non-Consumer UIs ( NCUI) will be built with React in order to best utilize the model framework and its associated hooks.
The following will guide you through the steps to create a new React UI Project that can hold KOS models and utilize the KOS Model Framework.
Create a new UI project
Create a new UI Project demo-app using create-react-app. Make sure to use the Typescript template as it is required for the SDK annotations to function properly:
Import the KOS SDK modules
The KOS UI SDK can be installed along with its dependencies by importing
the @coca-cola/kos-ui-components module into your project:
npm install @coca-cola/kos-ui-components@canaryAt this point, your UI project is now configured to start using the KOS Model Framework
If you start the application you should see the standard create-react-app startup screen.
npm startThe following should be visible in the browser:
On this page
Java Development
Seamlessly transition from Legacy+ systems to Freestyle microdosing and advanced distributed dispense systems.
UI Development
Using KOS SDKs, integrating Consumer and Non-consumer facing UIs becomes seamless, giving you less hassle and more time to create.
Video Library
Meet some of our development team, as they lead you through the tools, features, and tips and tricks of various KOS tools.
Resources
Familiarize yourself with KOS terminology, our reference materials, and explore additional resources that complement your KOS journey.
Copyright © 2024 TCCC. All rights reserved.
