From React to Svelte
summary
Rewrites a large production frontend (LevelUpTutorials.com) from React/VEET to SvelteKit in three months after a successful 24‑hour proof‑of‑concept, replacing Apollo with plain fetch wrapped by gquery + GraphQL codegen to produce typed stores, moving global state to Svelte stores and local state to vars, keeping existing Cypress tests unchanged via data-testids, swapping styled-components for scoped <style> blocks, using Vime for video, and reporting smaller components, fewer dependencies and noticeably faster page loads in production.
AI-written summary · about
chapters (9)
- 0:00Intro
- 1:11Who am I
- 2:21Rewriting the Site
- 11:12Challenges
- 13:01Solutions
- 14:49Hero Component
- 23:07State Stores
- 24:09Fetch Calls
- 25:47Lessons Learned
related talks
37mBuilding With SvelteKit
24mSvelte: the last framework we need?
29mGet Your Web App Development in Shape with SvelteKit
12mReactive programming. Svelte way
27mProgressively enhanced apps with Svelte
40mSvelte, cybernetically enhanced web apps
28mOptimize for Vibes: Svelte 5 and the New Age of Svelte
40mSvelte is Fast and Makes You Faster