Wonder-driven Development: Using React to make a Spaceship
summary
Thorium is a working open source starship bridge simulator built with React, Apollo and GraphQL subscriptions to push real time state to browser clients. It supports dynamic layouts for up to 12 crew stations, a flight director dynamic control grid, and a configurable mission timeline via schema introspection that executes GraphQL mutations. Server-driven animation sends updates at 50ms (20 fps) with client-side interpolation then simplified to CSS transitions to meet performance on space center hardware.
AI-written summary · about
chapters (23)
- 0:00Introduction
- 6:12Wonderdriven Development
- 7:32Space Centers
- 9:26Flight Director
- 11:25Ship Controls
- 12:20Dynamic Crew Stations
- 14:50How React Works
- 16:20Flight Director Controls
- 17:18Core Screen
- 18:28Dynamic Core Grid
- 19:04Dynamic Layout
- 20:07Mission Timeline
- 20:41Mission Actions
- 21:29GraphQL Mutations
- 22:28Mutation Actions
- 23:17introspection query
- 24:14viewscreen
- 26:36Remote fighters
- 28:12Smooth animation
- 28:48UseInterpolate
- 29:34CSS Transition
- 30:09Other Ideas
- 31:02orium
related talks
25mCreate Collaborative VR Environment in the Browser with React and GraphQL
36mBlasting React into Space: Building fluid interface swith React and WebGL
58mCrafting compelling real-time web experiences with GraphQL and React
26mA Journey Through React Apollo
21mBreaking out of the confines: making games in React
01h 02mDesigning a Flexible UI Architecture with React and GraphQL
47mReact For Vikings
30mDesigning with React