Table of Contents
2.4.0dev

Home

  • Welcome to ⚡ Lightning
  • Install

Get started in steps

  • Basic skills
  • Intermediate skills
  • Advanced skills

Core API Reference

  • LightningApp
  • LightningFlow
  • LightningWork

Addons API Reference

  • lightning.app.components
  • lightning.app.frontend
  • lightning.app.runners
  • lightning.app.storage

More

  • Examples
  • Glossary
  • How to:
  • Overview
  • Team management
  • Production
  • Security
  • Open source
    • Overview
    • PyTorch Lightning
    • Fabric
    • Lit-GPT
    • Torchmetrics
    • Litdata
    • Lit LLaMA
    • Litserve
  • Examples
  • Glossary
  • FAQ
  • Docs >
  • Add a web UI with React.js
Shortcuts

Add a web UI with React.js¶

Audience: Anyone who wants to add a web user interface (UI) written in react to their app.

Prereqs: Basic html knowledge.


1: Create a React project template

Use our React template to start a react app or bring your own.

basic

2: Connect a React app and a Lightning app

Learn how to connect a React app to a Lightning app.

intermediate

3: Communicate between React and Lightning

Learn how to communicate between a React app and a Lightning app.

intermediate

4: Develop like a React pro

Learn the development workflow of a React developer.

intermediate


Examples¶

Here are a few example apps that use a React web UI.

Example 1

Show off your work! Contribute an example.

Waiting for contributed example

Example 2

Show off your work! Contribute an example.

Waiting for contributed example

Example 3

Show off your work! Contribute an example.

Waiting for contributed example

  • Add a web UI with React.js
    • Examples

To analyze traffic and optimize your experience, we serve cookies on this site. By clicking or navigating, you agree to allow our usage of cookies. Read PyTorch Lightning's Privacy Policy.