2025 10 03 16 KEVIN MAES CONGRESO REACT ALICANTE The international React js conference in Spain
summary
A generative art app turns Jedcom family trees into images by parsing Jedcom→JSON CLI, mapping genealogy fields to visual metadata, and rendering with a p5.js canvas renderer inside a React UI. The data set is concrete — about 1,600 people and 600 families in one personal file — and the system uses XState actor pipeline for predictable state and a pipeline executor that runs headless to produce fast batches of PNGs; the demo runs, supports privacy-sanitized exports, and auto‑snapshots while editing.
AI-written summary · about
chapters (16)
- 0:00Welcome
- 4:12Introduction
- 8:08Genealogy platforms overview
- 10:13Understanding GEDCOM as a data format
- 13:22GEDCOM limitations
- 14:47Fan charts
- 15:30Family data art
- 16:14CLI for data
- 18:28Transformer pipeline
- 20:43Gen Art demo
- 25:41Visualization layouts
- 28:27Custom themes
- 31:25State management challenges
- 33:11Using XState for state management
- 34:34Headless image generation
- 35:39Recap and closing thoughts
related talks
29mEvolving the Visual Programming Environment with React
21mReact Beyond the DOM
27mReact: Learn Once Write Anywhere
18mA journey into the fiber
30mDesigning with React
28mPresentations with React and GraphQL
48mLightning talks from Josh Pollock, Andrew Kaiser, Cole Turner and Jason Clark
12mCodecrumbs in React