Thunk example

[albseb511]

I added a thunk example based on redux toolkit docs:

• I added it for 2 secs. With a loading indicator. I have kept a placeholder error message, although I have not added it to the component. Made a promise with for sleep 2 sec.
• I have added the dependencies for thunk to package.json and template.json. (let me know if this is alright)
• added an isLoading variable and changes the button text to loading
• added an error variable. Although this is not used in the component
• added a 10px margin-bottom to the row class

[markerikson]

RTK already includes thunks by default, so you don't have to add that as a listed dependency.

I'm also not sure how many more examples we actually need in the template at this point.

[ryota-murakami]

thunks is one of most simple middlewares in redux, and thinks most highly demand periods are coming async/await syntax commonly I guess.

Thunk is still preferable way in redux world, that example is worth it though.

I think thunk was created assuming on 7 years ago web dev environment :)

[ryota-murakami]

This is no offense, I think your example is good, helpful enough :)

[albseb511]

@markerikson

Hey my bad, I fixed that.

I believe any new user on Redux as they learn React struggle with the concept of thunk. Its ironic that the source code is barely 10 lines. It's a mental block and I have seen a lot of people tend to skip this till they are forced to learn. (source: my students. :P)

I think its important to see how simple it is to use.

@ryota-murakami thanks!

[albseb511]

@markerikson any comments on this, or should this be closed?

[markerikson]

I think I'm going to go with the changes in #10 instead. Thanks anyway!