Docs
Reference
Community
About Intenda
Blog
menu
root
chevron_right
GET STARTED
chevron_right
ABOUT OPUS UI
chevron_right
COMPONENT LIBRARIES
chevron_right
HOW TO
chevron_right
LEARN OPUS JSON
chevron_right
© 2024

Getting Started with Opus UI

You're on your way to making music! This page will teach you everything you need to know to start using Opus UI in your applications.

Quick Start

To set up a new application, you can simply run the following command then follow the prompts:

Once your appliation has been created, navigate into the newly created folder then run:

If you're not sure which component libraries you might need, refer to this page.

Opus in existing applications

Installing Opus UI

You might also want to install the standard component library. This includes components like 'image', 'icon', and 'label'. You don't need to install it if you'll only be defining your own component types.

Basic usage

At a minimum, you can simply render your own components and then render Opus JSON within them. This is also called a 'hybrid' application. We'll discuss 'pure' applications later.

To learn how to write Opus JSON, refer to the lessons.

Registering component types

You can also register your own React components as Opus component types that you can then render through JSON. In this example, we register the 'Slogan' component:

Rendering JSON as the root

Instead of having a React component as the root, you can also render Opus JSON:

SECTIONS
Getting Started with Opus UI
Opus in existing applications
Basic usage
Registering component types
Rendering JSON as the root