Svelte Store: 3 tips to manage complex Svelte store
If you have large and complex Svelte store, and you feel they are slowing your Svelte application down, here are 3 tips to manage them
Introduction 00:00
1. If you have a complex state, avoid manipulating the writable store directly 05:35
2. Have a small, self-contained store 17:04
3. If you have a large store, subscribe to its derived sub store if possible 23:08
---
💻 REPL
Before: https://svelte.dev/repl/5956ad7ceea64926b36eaa552fd40324?version=3.35.0
After: https://svelte.dev/repl/cc9deacb1fc14d05b187d34e30d909ed?version=3.35.0
📚 Related Resources
Flux Architecture https://facebook.github.io/flux/docs/in-depth-overview/
XState as Svelte store https://youtu.be/NIfQsc5XAzU
Valtio as Svelte store https://youtu.be/1WOcEvUX-hU
Redux as Svelte store https://youtu.be/7uCNx764FCs
Immer for Immutable Svelte store https://youtu.be/mHqCAEUkiWs
🥰 Support me https://www.buymeacoffee.com/lihautan
🔗 Want to learn more from me? Check out these links:
Twitter: https://twitter.com/lihautan
Blog: https://lihautan.com/
Newsletter: https://lihautan.com/newsletter
#svelte #sveltestore
Thanks for watching 🥰 -- with love, Li Hau
Видео Svelte Store: 3 tips to manage complex Svelte store канала lihautan
Introduction 00:00
1. If you have a complex state, avoid manipulating the writable store directly 05:35
2. Have a small, self-contained store 17:04
3. If you have a large store, subscribe to its derived sub store if possible 23:08
---
💻 REPL
Before: https://svelte.dev/repl/5956ad7ceea64926b36eaa552fd40324?version=3.35.0
After: https://svelte.dev/repl/cc9deacb1fc14d05b187d34e30d909ed?version=3.35.0
📚 Related Resources
Flux Architecture https://facebook.github.io/flux/docs/in-depth-overview/
XState as Svelte store https://youtu.be/NIfQsc5XAzU
Valtio as Svelte store https://youtu.be/1WOcEvUX-hU
Redux as Svelte store https://youtu.be/7uCNx764FCs
Immer for Immutable Svelte store https://youtu.be/mHqCAEUkiWs
🥰 Support me https://www.buymeacoffee.com/lihautan
🔗 Want to learn more from me? Check out these links:
Twitter: https://twitter.com/lihautan
Blog: https://lihautan.com/
Newsletter: https://lihautan.com/newsletter
#svelte #sveltestore
Thanks for watching 🥰 -- with love, Li Hau
Видео Svelte Store: 3 tips to manage complex Svelte store канала lihautan
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Svelte components communicate without store / props / context?Илья Климов, Три истории о SvelteFuture of Svelte with Alexander EsselinkTim Raderschad: Modern fetch in svelte using storesMobile Developer Tries Svelte Native for the First TimeHow to learn any language in six months | Chris Lonsdale | TEDxLingnanUniversityI Tried Svelte and I LOVE It!! Favorite Features vs ReactCustom Svelte Store: derived() Svelte storeThe first 20 hours -- how to learn anything | Josh Kaufman | TEDxCSUData Fetching For Developers Who Are New to Svelte And Wanna Learn To Do Other Stuff Good TooWritable Stores - Svelte Tutorial #20Trying Svelte for the 3rd TimeWhy do we need createEventDispatcher?Svelte - Event dispatching (this is useful!)Undo / Redo with Svelte StoreFixing Svelte issue #4767 - meta tag get svelte-xxx classname with :rootHow to use Svelte store in .js file?Build Once, Use Anywhere: Microfrontends with SvelteSvelteKit State Management with Stores TutorialCustom Svelte Store: RxJS as Svelte store