Cookbook entries

[pngwn]

This is a tracking issue to bring some of the original proposed cookbook entries(half-written or not written at in some cases) across to this repo. This is made up of the originals from this issue and some that aren't but I started on. There will an accompanying PR with placeholders and sometimes content.

You can keep the issue open until the work is done or close it when. the placeholders are in, up to you.

Things I was definitely gonna do (and can still do):

• Reactivity: how it works, common problems/solutions, caveats.
• stores: deep dive into stores, the store contract, store wrappers, kinda custom stores, really custom stores, etc.
• CSS: "Something that demonstrates css-vars, the global modifier and component scopes together would be excellent for new comers." (Quote from a fine individual on Discord)
• SSR - "include an example of SSR with hydration on the client. 🙏 (without sapper - via express if possible)" (Quote from yet another fine individual on discord).
• Preprocess: We see a lot of questions about preprocessing, less, scss, etc. We could provide an example configuration and explanation to enable users to add their own (or even write their own) preprocessor.
• Testing: This is an obvious one. Testing framework-agnostic explanations.
• Routing: Again without sapper. We've been asked about Routing without Sapper a number of times recently. A good example implementation with a popular routing library or a 'blessed' Svelte one would be cool.

Other requested things:

• async data flow:

I'm currently building an app that loads settings from IndexedDB using localForage. And I'm having trouble finding out how to organize my code to make it work. My problems are that top-level-await is not supported and the store's update and set functions don't really support async functions either. My next idea is to write an async init or load function and call it from main.js or the root component.

• animations:

As an additional suggestion, how about showing how to achieve commonly used UX in svelte? As an example, how to achieve the animated sorting list shown in react-flip-move - this should fit quite well with how to use the FLIP technique. Another interesting one is a grid component like this old (and dodgy) implementation at svelte-animated-list.

• GraphQL:

Documenting working with GraphQL would also be useful. Noticed this question in Stack Overflow https://stackoverflow.com/questions/56065845/how-to-do-graphql-and-graphql-subscriptions-with-svelte?r=SearchResults

• async reactive declarations

[pngwn]

I did not assign anyone, thank you very much.

[pngwn]

I didn't add any labels what is this repo doing to me

[swyxio]

lol sorry i just did some rough cut of the issue templates

this is a good list! thank you very much for braindumping