Storybook
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...
@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!
Add port detection
add defaultValue and value props support for some form like components so that we can control the components switch between controlled and uncontrolled. it was used by some popular UI library like Material UI and antd. I have written a tiny module ([rc-value](https://github.com/beizh
With React 16.9 the lifecycle function "componentWillReceiveProps" is marked as deprecated will be even removed in React 17.
As you can read here https://fb.me/react-async-component-lifecycle-hooks
But there is a new lifecycle function
static getDeriv
Description
-
Updated
Jan 25, 2020 - JavaScript
This is probably related to #190. From https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#deprecate-displayname-parameter:
In 5.3, the CSF loader decouples the story's name/id, which means that displayName is no longer necessary. Unfortunately, this is a breaking change for any code that uses the story name field. Storyshots relies on story name, and the appropriate migration i
-
Updated
Feb 8, 2020 - JavaScript
Would be nice to add an option for adding additional git push flags. In our case, something like --no-verify would be crucial.
Seems now we don't need this addon because most of the feature provided by stroybook-readme are implemented at storybook
https://medium.com/storybookjs/storybook-docspage-e185bc3622bf
-
Updated
Jan 28, 2020 - JavaScript
The docs are currently written for someone familiar with jest mocha and Enzyme.
- Perhaps add at the beginning:
Specsis an addon toStorybook.
Storybookallows 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.
Specsadds the ability to
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
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
To pass stories via the command line, the --stories argument needs to be parsed. It is simply merged into the config as a string here: https://github.com/chrisvxd/story2sketch/blob/master/src/server/index.js#L61
For it to work I had to add:
if (newConfig.stories && newConfig.stories !== 'all') {
newConfig.stories = JSON.parse(newConfig.stories);
}
to tidyConfig().
T
Format of config
Add examples
When using apolloStorybookDecorator, I get an error from apollo client that "You must specify link & cache properties on the config object". Not sure what I can do to resolve this.
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
-
Updated
Feb 3, 2020 - JavaScript
The new gutter props that were added via #191 need to be documented.
It also should be detailed how shift works and how it adds a gutter.
-
Updated
Feb 8, 2020 - JavaScript
- build a page with govuk-react on codesandbox with a Page, H1, H2, DateField, Button (and more if you want)
- build the same page with govuk-frontend on another codesandbox
- do a pixel perfect comparison, e.g. using a Chrome extension or Photoshop
- if there are any differences, figur
Planned deprecation
Current status (Update: Nov 14)
Docs-Mode is now available in Storybook v5.2.0!
If you want well-integrated, SB native looks, and easy to use documentation, please try it!
(documentation for events and slots are available from v5.3.0)
- [Storybook Docs: Technical Preview(Guide docs)](https://docs.google.com/document/d/1u
-
Updated
Jan 23, 2020 - JavaScript
Reproducible sample code
`yarn add v1.17.3
[1/4]
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
Setup Storybook
Released March 31, 2016
- Repository
- storybooks/storybook
- Website
- storybook.js.org
I tried to follow the initial steps from here: https://www.learnstorybook.com/intro-to-storybook/react/en/get-started/
running:
Then when I ran:
npx -p @storybook/cli sb initI get the error
TypeError: Cannot set property 'storybook' of undefinedThis is the full message in my terminal: