An Interest In:
Web News this Week
- April 19, 2024
- April 18, 2024
- April 17, 2024
- April 16, 2024
- April 15, 2024
- April 14, 2024
- April 13, 2024
Storybook Talk / Live Coding
Last week, I gave a talk on Storybook at a The Collab Lab meetup.
I had a lot of fun giving my talk on @storybookjs last night at the @_collab_lab meetup. Thanks for having me!
Heres the video and slide deck. iamdeveloper.com/pages/talks/#h
#webdevelopment #ui #ux17:00 PM - 11 Mar 2021
What is Storybook?
Think of it as a workbench for building out components that your application consumes without the burden of running your application. It is also living interactive documentation for your entire team/consumers of components.
By building out your components in isolation, it forces you (in a good way) to really think about how you are building your component. Building things in Storybook will potentially (hopefully) help you avoid tightly coupling things together.
For example, at Forem, we use Elastic Search for search results including the list of users returned in the mention autocomplete component below.
This component knows nothing about Elastic Search. All it knows is that it gets a list of users from a function prop called fetchSuggestions
and renders them. In Storybook, we mock that prop by creating a function that returns some mocked data.
A Storybook story is view of a component in a certain state. A component can have many stories. Here we show a button component with different variants.
Storybook was originally built for React only but has since evolved to support most of todays popular frameworks like Vue, Angular, and Svelte etc.
There's more, including incorporating Storybook into a The Collab Lab project, so check out the full talk and slide deck.
If you aren't already, give The Collab Lab a follow on DEV!
Original Link: https://dev.to/nickytonline/storybook-talk-live-coding-klp
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To