Practical Web Development & Engineering Solutions - Read Write Execute

Storybook – A powerful tool for developing UI components

Ankit Agrawal
Ankit Agrawal
Published on November 18, 2020 · 1 min read

Storybook is an open source tool for creating UI components faster and efficient. It’s very easy to install and quick to start. Storybook helps us to document components. It comes with a lot’s of add-ons that will help to create bug free and beautiful application.

Installation

we can use the storybook CLI to install it with single line command. we need to run following command at the root of existing project so it will provide best configuration according to our project dependencies.

 npx sb init 

this command install the required dependencies and setup scripts to run and build the storybook.

We use following command to run storybook

 npm run storybook 

Addons

  1. Docs
  2. Controls
  3. Actions
  4. Viewport
  5. Background
  6. Toolbars
  7. Source
  8. Storyshots
  9. Console
  10. Links

Read more about stroybook

Was this article helpful?
Ankit Agrawal

Ankit Agrawal

Author & Senior Engineer at CodeExecute

Writing practical engineering guides, debugging real-world bottlenecks, and creating free tools for developer productivity.

← Previous Article Top 8 Reasons Why Every Kid Should Learn to Code Next Article → Make Your Own Virtual Zoom Background | Beginner Python Coding Tutorial