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!
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
Quarterly Plan
Save 16% with quarterly billing
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