Root App client development

This section shows you how to build the client. You'll create the UI, connect to your server, and respond to user actions like clicks and file uploads. Your code runs in a browser-like container within Root and handles everything the user sees and does.

📄️ Overview

This section shows how the client side of a Root App is set up. You'll see how the project is structured, what tools it uses, and how to run it locally for testing.

📄️ Lifecycle

Root controls when your App's client starts, when it stops, and when it gets reloaded. This article explains the different phases of the client lifecycle and how Root manages the client for you.

📄️ Responsive UI design

Root apps are built using modern web technologies like React and TypeScript. To ensure a great user experience, it’s essential that your app is fully responsive — both to the device screen size and to the Root desktop client's unique presentation modes.

📄️ CSS colors

Style your App to match the Root theme using CSS color variables provided by the Root SDK.

📄️ Theme mode

Detect and respond to the user's theme preference in your App client.

📄️ UI components

Root provides a library of pre-built UI components designed to integrate seamlessly with the Root platform. These components handle common patterns like user selection, role management, and platform-specific styling.