Skip to content
#

Storybook

storybook logo

With Storybook you can visualize different states of your UI components and develop them outside of your application.

An API is provided for external addons to provide documentation, interactivity and analytics on your components.

A command is provided to create a static version that can be deployed easily to github pages for example.

Here are 1,054 public repositories matching this topic...

storybook
levelingup
levelingup commented Dec 24, 2019

I tried to follow the initial steps from here: https://www.learnstorybook.com/intro-to-storybook/react/en/get-started/

running:

npx create-react-app taskbox
cd taskbox

Then when I ran:
npx -p @storybook/cli sb init

I get the error TypeError: Cannot set property 'storybook' of undefined

This is the full message in my terminal:

 sb init - the simplest way to add a
mininternet
mininternet commented Feb 9, 2018

@diegohaz - i noticed a couple of minor spelling errors on the main site:

Basic stack
It includes everything necessary to build a tipical web app with focus on productivity and developer experience.
Learn more about the recomended workflow

Should be typical, and recommended.

Just an FYI.

Thanks!

pashute
pashute commented Jun 20, 2018

The docs are currently written for someone familiar with jest mocha and Enzyme.

  1. Perhaps add at the beginning:

Specs is an addon to Storybook.
Storybook allows the developer during development to visually see a component or part of it, and interactively see immediate changes to the code. It also helps document the project with visual examples.
Specs adds the ability to

sshadmand
sshadmand commented Dec 9, 2018
AddOn: v1.4.0 
Node: v8.14.0
React:16.2.0
Storybook/react: 3.4.0
yarn screenshot
yarn run v1.12.3
$ storybook-chrome-screenshot -p 9001 --debug 
 DEBUG  [CLI Options] { port: '9001',
  host: 'localhost',
  staticDir: undefined,
  configDir: '.storybook',
  outputDir: '__screenshots__',
  filterKind: undefined,
  filterStory: undefined,
  browserTimeout: 30000,
  par
aeksco
aeksco commented Jan 27, 2020

Got this reply in an /r/react thread:

Nice. I kept looking and looking where you generate the different manifest.json files. But it looks like you used a combined one.

Be aware that there are slight differences in FF and Chrome supported extensions. So I had to keep separate manifest.json files for each browser.

The problem is that each of the browsers doesn't load the extension if
front-end
kylemh
kylemh commented Jan 30, 2020

Feature request

While not ideal visually, we've still done our best to support IE11.

We haven't had a single visitor using the Internet Explorer Browser in 3 months according to Google Analytics. Since it's so unpopular, we can stop supporting it entirely. That requires changing the .browserslistrc.

Aside from this change, this issue can serve as weak PSA that we are also allowed to

ihsan-ofluoglu
ihsan-ofluoglu commented Dec 17, 2019

Reproducible sample code

`yarn add v1.17.3
[1/4] 🔍 Resolving packages...
warning jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > left-pad@1.3.0: use String.prototype.padStart()
error An unexpected error occurred: "https://registry.npmjs.org/react-native-template-react-native-template-typescript: Not found".
info If you think this is a bug, please open a bug report with t

Released March 31, 2016

Repository
storybooks/storybook
Website
storybook.js.org

Related Topics

angular frontend javascript
You can’t perform that action at this time.