This lab is currently in Beta — content may be updated as we refine the material
LABADVANCED

Build Backstage Plugin with React

Build your first React plugin for Backstage! Create a TaskFlow Dashboard displaying live metrics using React hooks, Material-UI components, and API integration. Master useState, useEffect, and TypeScript while building production-quality React code. Learn React by doing!

480 minutes
Build Backstage Plugin with React - Platform Engineering Hands-On Lab Icon

Lab Overview

Build a custom Backstage plugin using React to display TaskFlow metrics. Master React hooks (useState, useEffect), component development with TypeScript, Material-UI components, and API integration patterns. Create the "TaskFlow Dashboard" plugin that shows live metrics (task counts, active users, deployment status) with professional React code and proper error handling.

You'll use Backstage CLI to scaffold a plugin, write React components with hooks, fetch data from TaskFlow API, handle loading and error states, style with Material-UI cards and grids, and integrate the plugin into Backstage's navigation and routing system.

Prerequisites

Week 12 Lab 1: Backstage Setup & Service Catalog completed

React vs Vue.js comparison lesson completed

TaskFlow application running with API endpoints

TypeScript basics

Material-UI component library introduction

Choose your plan

Simple, Transparent Pricing

One price, everything included

Monthly Plan

Access all content

$99/month
Save 16%

Quarterly Plan

Save 16% with quarterly billing

$249/quarter

Everything Included in Your Subscription

Content & Learning

  • Access to all courses and bootcamps
  • Video lessons with closed captions
  • Interactive quizzes and assessments
  • Course completion certificates

Hands-On Labs

  • Browser-based cloud labs
  • Pre-configured VMs ready to use
  • Playgrounds for experiments
  • Multi-VM realistic scenarios

AWS Integration

  • Managed AWS Account included
  • Pre-configured environments
  • Real-world cloud scenarios

Support & Community

  • Priority support
  • Active community forum

No Setup Required

  • Everything runs in your browser
  • No software installation needed
  • Automatic environment provisioning
  • Works on any device

Ready to Get Started?

Start this hands-on lab and build real-world Platform Engineering skills

Get Access Now