Docs live examples

[igor-dv]

Issue: Add live examples to docs

What I did

• Added examples to readme
• Added examples to docs

[codecov]

Codecov Report

Merging #3019 into master will increase coverage by 0.01%.
The diff coverage is n/a.

@@            Coverage Diff            @@
##           master   #3019      +/-   ##
=========================================
+ Coverage   37.28%   37.3%   +0.01%     
=========================================
  Files         435     435              
  Lines        9432    9427       -5     
  Branches      909     910       +1     
=========================================
  Hits         3517    3517              
+ Misses       5375    5336      -39     
- Partials      540     574      +34

Impacted Files	Coverage Δ
addons/knobs/src/components/types/Date/index.js	23.52% <0%> (ø)	⬆️
addons/a11y/src/components/Report/RerunButton.js	0% <0%> (ø)	⬆️
addons/jest/src/components/Result.js	0% <0%> (ø)	⬆️
addons/jest/src/components/PanelTitle.js	0% <0%> (ø)	⬆️
addons/storysource/src/loader/inject-decorator.js	50.98% <0%> (ø)	⬆️
addons/actions/src/lib/types/symbol/index.js	81.25% <0%> (ø)	⬆️
lib/ui/src/modules/api/actions/api.js	51.85% <0%> (ø)	⬆️
addons/actions/src/lib/reviver.js	58.33% <0%> (ø)	⬆️
addons/info/src/components/PropVal.js	84.25% <0%> (ø)	⬆️
.../ui/components/stories_panel/stories_tree/index.js	38.73% <0%> (ø)	⬆️
... and 48 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7844961...ad05bbc. Read the comment docs.

[igor-dv]

Have troubles to run docs on windows. Will investigate it later.

[Hypnosphi]

Just https://storybooks-official.netlify.com

I'm also not sure about the "React Official" naming, would like to hear from @tmeasday and @ndelangen

[igor-dv]

Yeah. I feel some kind of conflict between showing the official storybook UI and showing the examples...

[tmeasday]

Yeah I wouldn't call it that. Don't we have a "React" example too? (cra-kitchen-sink).

official-storybook is like Storybook's storybook. Not quite sure how best to put that ;) Maybe it doesn't actually need to be on this page?

[igor-dv]

[igor-dv]

If nobody rejects the wording, feel free to merge 😉

[igor-dv]

@tmeasday,

Yeah I wouldn't call it that. Don't we have a "React" example too? (cra-kitchen-sink).

AFAIK, there is almost nothing valuable to user in cra-kitchen-sink (documentation-wise), all the examples are located now in the official.

official-storybook is like Storybook's storybook. Not quite sure how best to put that ;) Maybe it doesn't actually need to be on this page?

I would say, if we want to have a Storybook's storybook, we should put there only the stories of the actual UI. And separate all the other stuff to a different place. I am not sure regarding the naming though. (Official, Storybook's Storybook, StoryStoryBook 😬).

[Hypnosphi]

The reason why it's in the same place is that it's much more convenient for development.
@ndelangen also had a strong opinion on that AFAIR