Skip to content

Using Svelte each blocks: how to loop on array-like objects in Svelte + simplify your code using const & style directives and destructuring.

License

Notifications You must be signed in to change notification settings

rodneylab/svelte-each

Rodney Lab sveltekit-iconify Github banner

Rodney Lab logo

Svelte #each

svelte-each

Open in StackBlitz

Demo code: colour palette app which helps explain Svelte each blocks as well as const directives, destructuring within each blocks and style directives. The code accompanies the video post on using each blocks in Svelte. If you have any questions, please drop a comment at the bottom of that page.

Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

git clone https://github.com/rodneylab/svelte-each.git
cd svelte-each
pnpm install # or npm install
pnpm run dev

Building

pnpm run build

You can preview the built app with pnpm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Feel free to jump into the Rodney Lab matrix chat room.

About

Using Svelte each blocks: how to loop on array-like objects in Svelte + simplify your code using const & style directives and destructuring.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published