# Tencent RTC Live — React > Live documentation for React platform. ## UIKit ### Run the Demo - [Run the Demo](https://pre.trtc.io/document/77820.md): TUILiveKit SDK provides a live streaming solution for Web React applications, enabling users to broadcast and watch HD live streams with real-time interactions such as bullet chat and virtual gifts. This quickstart guide walks you through environment setup, obtaining credentials, downloading and configuring the demo, and running it locally to experience both hosting and viewing live streams in under 10 minutes. ### Video Live Streaming - [Integration](https://pre.trtc.io/document/77813.md): TUILiveKit React is a web live streaming SDK designed for React desktop browsers. This quickstart guide helps developers prepare their environment, activate the service, install necessary dependencies, and complete user login to enable live streaming features. It also explains key configuration requirements and the importance of HTTPS for secure production deployments. Follow the step-by-step instructions to integrate live streaming capabilities smoothly with your React application. - [Audience Watching](https://pre.trtc.io/document/77815.md): TUILiveKit React Demo provides a live streaming viewer page SDK for web React desktop browsers. This guide helps developers integrate the viewer page into their projects and customize styles, features, and layout. It includes steps for setting up prerequisites, installing dependencies, integrating the viewer component, configuring routes, and starting the project to enable live streaming playback with interactive chat, gift panel, and playback controls. - [Live Stream List](https://pre.trtc.io/document/77816.md): TUILiveKit React Demo live list page quick integration guide for web desktop browsers. This guide helps developers set up prerequisites, install necessary dependencies, integrate the live list component, configure routing, and customize themes and user information. It enables seamless embedding of live streaming lists into React projects with customizable styles and user interactions. - [Live Stream Management Interface](https://pre.trtc.io/document/74096.md): The Live Streaming Management System is a web React desktop browser SDK designed to provide comprehensive live streaming operations capabilities. It targets operators and developers aiming to efficiently manage live rooms, monitor streams, configure gifts, and moderate content. This quick start guide covers environment setup, service activation, project download, server and frontend configuration, and deployment options to help users rapidly integrate and deploy the system. ### Live Management System - [Quick Start](https://pre.trtc.io/document/74096.md): The Live Streaming Management System is a web React desktop browser SDK designed to provide comprehensive live streaming operations capabilities. It targets operators and developers aiming to efficiently manage live rooms, monitor streams, configure gifts, and moderate content. This quick start guide covers environment setup, service activation, project download, server and frontend configuration, and deployment options to help users rapidly integrate and deploy the system. - [SDK Customization](https://pre.trtc.io/document/81897.md): TUILiveKit Manager React SDK is a live streaming management SDK designed for developers to customize live streaming consoles. It supports environment setup with Node.js and React, backend server configuration, dependency installation, and HTTP client initialization. Key features include core Hooks for live room, gift, and risk control management, enabling efficient live streaming operations. ### UI Customization - [Video Component](https://pre.trtc.io/document/77811.md): The Live Video Component (LiveView) SDK for web React desktop browsers enables developers to integrate ultra-low latency live streaming with intelligent stream switching and customizable UI. This quickstart guide walks you through prerequisites, dependency installation, and how to join a live room, helping you embed live streaming functionality seamlessly into your React projects. - [Audience List](https://pre.trtc.io/document/77812.md): The Audience List Component (LiveAudienceList) is a React SDK designed for web desktop browsers to display real-time live room viewers with avatars and nicknames. This guide helps developers quickly integrate the component by installing dependencies, importing the component, and customizing UI elements such as audience badges and avatar styles. It supports responsive layouts and flexible customization to fit different branding needs. - [Comment View](https://pre.trtc.io/document/77817.md): The Chat Component for Web React Desktop Browser is a React SDK that includes the Barrage Message Component (BarrageList) and the Message Input Component (BarrageInput). It enables developers to quickly add real-time chat message display and rich text input features with emoji support and customizable styles. This guide covers prerequisites, dependency installation, component integration steps, and how to customize the components for a tailored messaging experience. - [Gift Component](https://pre.trtc.io/document/77819.md): The LiveGift component from TUILiveKit is a React web SDK designed for desktop browsers to enable gift display, sending, and playback in live streaming applications. This quickstart guide walks you through prerequisites, installing dependencies, integrating the gift UI component, and importing default gifts. It helps developers quickly add gifting capabilities to their React apps and outlines next steps for backend integration such as custom gift setup, billing callbacks, PK score conversion, and analytics. ### Error Codes - [Error Codes](https://pre.trtc.io/document/60027.md): Tencent RTC Error Codes document lists detailed error codes for API callbacks and RESTful APIs, helping developers troubleshoot issues related to user rendering, room management, audio/video permissions, device access, and network restrictions. This guide is designed for developers integrating Tencent RTC SDKs to efficiently identify error causes and apply appropriate solutions. ### Release Notes - [Release Notes](https://pre.trtc.io/document/67291.md): Tencent RTC SDK release notes provide detailed updates on new features, optimizations, and bug fixes across Android, iOS, Web, and Flutter platforms. This documentation helps developers track enhancements like multi-template video mixing, Picture-in-Picture API, live stream management APIs, and stability improvements to ensure better audio and video communication experiences. ### UserSig Authentication - [UserSig Authentication](https://pre.trtc.io/document/35166.md): This guide explains how to calculate UserSig, a security signature for Tencent-RTC services, during the debugging phase. It covers obtaining SDKAppID and SDKSecretKey from the Tencent-RTC console and generating UserSig using client sample code on multiple platforms including Android, iOS, Web, Windows, Flutter, and Mac. The steps ensure secure authentication for developers testing Tencent-RTC SDKs before official deployment.