Adding Svelte to your legacy projects
summary
Shows how to add Svelte to a PHP or React site by building a standalone component (a sortable live‑search contacts table) and shipping its UMD bundle and CSS from a local subfolder, passing server JSON as props and instantiating with new ContactTable({ target, props }). Demonstrates installing that bundle as a local npm module into Create‑React‑App and mounting via useRef/useEffect, recommends svelte‑loader or rollup plugin to avoid dual builds, and flips it with svelte‑react to reuse React widgets. All demos work.
AI-written summary · about
chapters (9)
- 0:00Introduction to Svelte
- 2:57Adding Svelte to legacy projects
- 5:04Downloading Svelte component
- 8:56Configuring Rollup for Svelte
- 14:10Integrating Svelte with React
- 21:55Managing multiple build processes
- 22:36Rewriting with SvelteKit
- 24:42Using legacy code in SvelteKit
- 25:04Conclusion and resources
related talks
27mProgressively enhanced apps with Svelte
12mReactive programming. Svelte way
02h 57mSvelte Cookbook: A Masterclass on SvelteJS
40mSvelte is Fast and Makes You Faster
24mSvelte: the last framework we need?
40mSvelte, cybernetically enhanced web apps
48mSimplify your applications by making them more SVELTE
53mSvelte, cybernetically enhanced web apps