Getting started with storybook



Imagine codepen.io, jsfiddle and now imagine you have that in your local development machine. Yeap that's pretty much what's storybook is all about. It gives you a playground to work with React, Vue, Html and etc and its pretty cool.


Get started with html,

npx -p @storybook/cli sb init --type html












If you need to get stared with React, you can follow this guide here. 

I think the add-on gallery is pretty cool.

Some add-on ideas.

- Preview for mobile and responsive component. Not forgetting React Native support.

- See component loading and profiling loads

- Convert to actual react component -> Typescript, JS  and also with smart / dumb component features.




Comments

Post a Comment

Popular posts from this blog

The specified initialization vector (IV) does not match the block size for this algorithm

Image
If you're getting  exception when trying to assigned key to a symmetric key and getting error message below :- The specified initialization vector (IV) does not match the block size for this algorithm And your code probably look like something below :- Then you need to go into debug mode and start looking into the supported size for IV as shown in diagram below :- As you can see, IV is 16 bytes, so you need to provide 16 bytes. The same goes for Key field too, if you're adding anything to it. As long as you provide a valid key size, then we're good and you're code will be ready.
Read more