Marking Country: a scrollytelling saga
summary
A digital atlas for Australia’s deep history moves from a Gatsby/React prototype into a Svelte + WordPress stack, with concrete migrations like React refs/useEffect/useState → Svelte bind/onMount/ondestroy and removal of Sass for component CSS. Animations and maps use GSAP, ScrollTrigger, Leaflet, PhotoSwipe, video in galleries proves painful. Timeline: joined 2018, brand 2019, soft launch 2022, relaunch Oct 2023, React→Svelte conversion takes about a week, component count doubles and the site launches successfully.
AI-written summary · about
chapters (5)
- 0:00Introduction to Marking Country
- 2:29Scrollytelling and scroll jacking
- 4:57Redesign and launch struggles
- 6:22Converting React to Svelte
- 9:58Conclusion and thanks
related talks
22mCreate Engaging "Scrollytelling" Experiences with React & GSAP
45mCSS tried to come for my Job
22mA sleek view transitions recipe for web apps
28mReact's Odyssey: Harnessing the Titans of Animation and Performance
25mAn SVG’s Tale
47mReact For Vikings
23mOff Balance: Interactive Storytelling with React
38mSvelte in Motion