|
|
Bonus Resources.txt
|
TXT
|
409.6 B
|
|
|
Get Bonus Downloads Here.url
|
URL
|
204.8 B
|
|
|
OpenFileSource.jsx
|
JSX
|
6.8 KB
|
|
|
Storybook for React Apps.txt
|
TXT
|
1 KB
|
|
|
a11y-filters.png
|
PNG
|
257 KB
|
|
|
a11y-panel.png
|
PNG
|
295.1 KB
|
|
|
a11y-report.png
|
PNG
|
307.1 KB
|
|
|
accessibility-in-node.backup
|
BACKUP
|
5.5 KB
|
|
|
accessibility.md
|
MD
|
5.6 KB
|
|
|
accessing-the-project.md
|
MD
|
3.5 KB
|
|
|
addon-actions.gif
|
GIF
|
480.2 KB
|
|
|
addon-actions.png
|
PNG
|
15 KB
|
|
|
addon-backgrounds.gif
|
GIF
|
799.3 KB
|
|
|
addon-backgrounds.png
|
PNG
|
15.2 KB
|
|
|
addon-controls.gif
|
GIF
|
1.9 MB
|
|
|
addon-controls.png
|
PNG
|
15.4 KB
|
|
|
addon-docs.gif
|
GIF
|
2.4 MB
|
|
|
addon-docs.png
|
PNG
|
16.4 KB
|
|
|
addon-interactions.png
|
PNG
|
10.9 KB
|
|
|
addon-locations.png
|
PNG
|
132.5 KB
|
|
|
addon-measure.gif
|
GIF
|
1.2 MB
|
|
|
addon-measure.png
|
PNG
|
20.1 KB
|
|
|
addon-outline.gif
|
GIF
|
593.8 KB
|
|
|
addon-outline.png
|
PNG
|
22.2 KB
|
|
|
addon-toolbars.png
|
PNG
|
15.2 KB
|
|
|
addon-viewport.gif
|
GIF
|
2.4 MB
|
|
|
addon-viewport.png
|
PNG
|
18.1 KB
|
|
|
application-example.png
|
PNG
|
687.2 KB
|
|
|
application-running.png
|
PNG
|
332.7 KB
|
|
|
approve-pr.png
|
PNG
|
64.5 KB
|
|
|
argtypes-colors.png
|
PNG
|
47.5 KB
|
|
|
atomic-components.png
|
PNG
|
33.1 KB
|
|
|
atomic-design-example.png
|
PNG
|
914.7 KB
|
|
|
atomic-design.png
|
PNG
|
71.6 KB
|
|
|
badge-args.gif
|
GIF
|
1.2 MB
|
|
|
badge-component-complete.png
|
PNG
|
30.1 KB
|
|
|
badge-component.png
|
PNG
|
30.4 KB
|
|
|
badge-styled.png
|
PNG
|
29 KB
|
|
|
batch-accept.png
|
PNG
|
47.7 KB
|
|
|
blurred-filter.png
|
PNG
|
465.2 KB
|
|
|
breaking-down-our-use-case.md
|
MD
|
3 KB
|
|
|
build-list.png
|
PNG
|
232.7 KB
|
|
|
button-test-failure.png
|
PNG
|
73.8 KB
|
|
|
button-test-success.png
|
PNG
|
62.2 KB
|
|
|
cdd-part-1.png
|
PNG
|
458.3 KB
|
|
|
cdd-part-2.png
|
PNG
|
538.3 KB
|
|
|
change-site-name.png
|
PNG
|
324.1 KB
|
|
|
check-branches.png
|
PNG
|
78.1 KB
|
|
|
chromatic-accepted.png
|
PNG
|
169.6 KB
|
|
|
chromatic-access-token.png
|
PNG
|
115 KB
|
|
|
chromatic-action.png
|
PNG
|
101.4 KB
|
|
|
chromatic-changes.gif
|
GIF
|
10.6 MB
|
|
|
chromatic-component-library.png
|
PNG
|
265.4 KB
|
|
|
chromatic-component-versions.png
|
PNG
|
262.2 KB
|
|
|
chromatic-component-view.png
|
PNG
|
252.7 KB
|
|
|
chromatic-confirmation.png
|
PNG
|
802.4 KB
|
|
|
chromatic-connect-github-final.png
|
PNG
|
393.6 KB
|
|
|
chromatic-connect-success-final.png
|
PNG
|
216.4 KB
|
|
|
chromatic-connect-to-github.png
|
PNG
|
196.1 KB
|
|
|
chromatic-deny-changes.png
|
PNG
|
38.2 KB
|
|
|
chromatic-gh-token-instructions.png
|
PNG
|
415.8 KB
|
|
|
chromatic-gh-token-part-2.png
|
PNG
|
138.5 KB
|
|
|
chromatic-github-results.png
|
PNG
|
41.5 KB
|
|
|
chromatic-integrations.png
|
PNG
|
263.9 KB
|
|
|
chromatic-page.png
|
PNG
|
270.2 KB
|
|
|
chromatic-permalinks.png
|
PNG
|
295.8 KB
|
|
|
chromatic-pr-integration-part2.png
|
PNG
|
329.4 KB
|
|
|
chromatic-pr-integration.png
|
PNG
|
279.9 KB
|
|
|
chromatic-project-list.png
|
PNG
|
93.7 KB
|
|
|
chromatic-push-before.png
|
PNG
|
145.3 KB
|
|
|
chromatic-push-results-ui-review.png
|
PNG
|
168.6 KB
|
|
|
chromatic-push-results-ui-tests.png
|
PNG
|
183.3 KB
|
|
|
chromatic-run-changes.png
|
PNG
|
154.4 KB
|
|
|
chromatic-select-project.png
|
PNG
|
88.2 KB
|
|
|
chromatic-setting-up.md
|
MD
|
10 KB
|
|
|
chromatic-sign-to-github.png
|
PNG
|
95.4 KB
|
|
|
chromatic-slack.png
|
PNG
|
52.9 KB
|
|
|
chromatic-visibility.png
|
PNG
|
374.7 KB
|
|
|
chromatic-visual-regression.md
|
MD
|
8.4 KB
|
|
|
click-to-debug.gif
|
GIF
|
1.5 MB
|
|
|
component-breakdown.png
|
PNG
|
732.7 KB
|
|
|
component-category.png
|
PNG
|
356.8 KB
|
|
|
component-decorators.md
|
MD
|
6.4 KB
|
|
|
compose-stories-success.png
|
PNG
|
26.8 KB
|
|
|
composing-components.md
|
MD
|
7.3 KB
|
|
|
conclusion.md
|
MD
|
1.7 KB
|
|
|
conditional-logic.png
|
PNG
|
162 KB
|
|
|
config.js
|
JS
|
102.4 B
|
|
|
connecting-the-design.md
|
MD
|
8.4 KB
|
|
|
container-pattern.png
|
PNG
|
137.4 KB
|
|
|
controls-panel-expanded.png
|
PNG
|
145.6 KB
|
|
|
controls-panel.png
|
PNG
|
48.2 KB
|
|
|
copy-link.png
|
PNG
|
58.8 KB
|
|
|
course-banner.png
|
PNG
|
275.8 KB
|
|
|
course-introduction.md
|
MD
|
4.6 KB
|
|
|
create-pr.png
|
PNG
|
144.3 KB
|
|
|
custom-background-story.png
|
PNG
|
37.1 KB
|
|
|
custom-favicon.png
|
PNG
|
25.7 KB
|
|
|
dark-theme-story.gif
|
GIF
|
857.5 KB
|
|
|
data-fetching-conditional-logic.md
|
MD
|
7.6 KB
|
|
|
data-fetching-container-pattern.md
|
MD
|
6.6 KB
|
|
|
data-fetching-mocking-requests.md
|
MD
|
8 KB
|
|
|
decorator-example.png
|
PNG
|
122.8 KB
|
|
|
decorators-theme-support.md
|
MD
|
7.6 KB
|
|
|
deploy-panel.png
|
PNG
|
291.9 KB
|
|
|
deployed-mealdrop.png
|
PNG
|
1.3 MB
|
|
|
edit-build-command.png
|
PNG
|
239.1 KB
|
|
|
error-scenario.png
|
PNG
|
448 KB
|
|
|
eslint-plugin-error.png
|
PNG
|
52 KB
|
|
|
eslint-plugin.md
|
MD
|
2.1 KB
|
|
|
essential-addons.md
|
MD
|
11.3 KB
|
|
|
exercise-component.png
|
PNG
|
331.2 KB
|
|
|
failing-a11y-tests.png
|
PNG
|
74.5 KB
|
|
|
figma-view.png
|
PNG
|
38.7 KB
|
|
|
figspec-view.png
|
PNG
|
63.6 KB
|
|
|
finalizing-and-integrating-in-the-app.md
|
MD
|
6 KB
|
|
|
first-build.gif
|
GIF
|
3.1 MB
|
|
|
getting-access-token.png
|
PNG
|
194.4 KB
|
|
|
gh-token-instructions-final.png
|
PNG
|
390.2 KB
|
|
|
gh-token-instructions.png
|
PNG
|
390.2 KB
|
|
|
gh-token-new-secret.png
|
PNG
|
276 KB
|
|
|
hierarchy-basic.png
|
PNG
|
16 KB
|
|
|
hierarchy-category.png
|
PNG
|
17.9 KB
|
|
|
hierarchy-grouped.png
|
PNG
|
19 KB
|
|
|
homepage-fullscreen.png
|
PNG
|
428.6 KB
|
|
|
homepage-stories.png
|
PNG
|
369.2 KB
|
|
|
how-it-works.png
|
PNG
|
240.7 KB
|
|
|
initial-storybook.png
|
PNG
|
33.8 KB
|
|
|
installing-storybook.md
|
MD
|
7 KB
|
|
|
integration-testing.backup
|
BACKUP
|
11.9 KB
|
|
|
interaction-testing.md
|
MD
|
7.5 KB
|
|
|
key-concepts-around-storybook.md
|
MD
|
2.7 KB
|
|
|
lesson1.mp4
|
MP4
|
21.3 MB
|
|
|
lesson10.mp4
|
MP4
|
15 MB
|
|
|
lesson11.mp4
|
MP4
|
21.4 MB
|
|
|
lesson12.mp4
|
MP4
|
27.1 MB
|
|
|
lesson13.mp4
|
MP4
|
11.1 MB
|
|
|
lesson14.mp4
|
MP4
|
22.6 MB
|
|
|
lesson15.mp4
|
MP4
|
18.1 MB
|
|
|
lesson16.mp4
|
MP4
|
25.1 MB
|
|
|
lesson17.mp4
|
MP4
|
12.9 MB
|
|
|
lesson18.mp4
|
MP4
|
13.8 MB
|
|
|
lesson19.mp4
|
MP4
|
21.3 MB
|
|
|
lesson2.mp4
|
MP4
|
15.4 MB
|
|
|
lesson20.mp4
|
MP4
|
26.2 MB
|
|
|
lesson21.mp4
|
MP4
|
13 MB
|
|
|
lesson22.mp4
|
MP4
|
30.9 MB
|
|
|
lesson23.mp4
|
MP4
|
9.6 MB
|
|
|
lesson24.mp4
|
MP4
|
6.2 MB
|
|
|
lesson25.mp4
|
MP4
|
30.4 MB
|
|
|
lesson26.mp4
|
MP4
|
11.8 MB
|
|
|
lesson27.mp4
|
MP4
|
22.4 MB
|
|
|
lesson28.mp4
|
MP4
|
21.7 MB
|
|
|
lesson29.mp4
|
MP4
|
19.6 MB
|
|
|
lesson3.mp4
|
MP4
|
8.1 MB
|
|
|
lesson30.mp4
|
MP4
|
5.6 MB
|
|
|
lesson4.mp4
|
MP4
|
12.8 MB
|
|
|
lesson5.mp4
|
MP4
|
25.5 MB
|
|
|
lesson6.mp4
|
MP4
|
15.3 MB
|
|
|
lesson7.mp4
|
MP4
|
26.7 MB
|
|
|
lesson8.mp4
|
MP4
|
12.8 MB
|
|
|
lesson9.mp4
|
MP4
|
17.5 MB
|
|
|
loading-scenario.png
|
PNG
|
298.8 KB
|
|
|
manager-architecture.png
|
PNG
|
210.9 KB
|
|
|
mealdrop-after.png
|
PNG
|
554.6 KB
|
|
|
mealdrop-before.png
|
PNG
|
381 KB
|
|
|
mealdrop-user-flow.png
|
PNG
|
480.2 KB
|
|
|
mock-data-returned.png
|
PNG
|
866.8 KB
|
|
|
mocking-layer.png
|
PNG
|
164 KB
|
|
|
modal-not-working.gif
|
GIF
|
5.5 MB
|
|
|
modal-open.png
|
PNG
|
1.2 MB
|
|
|
modal-working.gif
|
GIF
|
11.9 MB
|
|
|
msw-data-fetched.png
|
PNG
|
880.4 KB
|
|
|
msw-pending-data.png
|
PNG
|
90.1 KB
|
|
|
netlify-env-variables.png
|
PNG
|
403.4 KB
|
|
|
netlify.backup
|
BACKUP
|
5.2 KB
|
|
|
new-site-from-git.png
|
PNG
|
487.7 KB
|
|
|
new-site-settings.png
|
PNG
|
411 KB
|
|
|
not-found-scenario.png
|
PNG
|
282.5 KB
|
|
|
parameters-and-globals-in-decorators.md
|
MD
|
5.9 KB
|
|
|
passing-a11y-tests.png
|
PNG
|
20.8 KB
|
|
|
play-context-logged.png
|
PNG
|
218 KB
|
|
|
playback-controls.gif
|
GIF
|
27.5 MB
|
|
|
real-data-fetched.png
|
PNG
|
969.2 KB
|
|
|
red-story.png
|
PNG
|
34.9 KB
|
|
|
redux-error.png
|
PNG
|
127.2 KB
|
|
|
restaurant-card-basic.gif
|
GIF
|
985.4 KB
|
|
|
restaurant-card-closed-failure.png
|
PNG
|
134.4 KB
|
|
|
restaurant-card-closed.png
|
PNG
|
122.9 KB
|
|
|
restaurant-card-default.png
|
PNG
|
209.6 KB
|
|
|
restaurant-card-final.gif
|
GIF
|
3.3 MB
|
|
|
restaurant-card-scenarios.png
|
PNG
|
733.7 KB
|
|
|
restaurant-card-unstyled.png
|
PNG
|
878.4 KB
|
|
|
restaurant-detail-page-404.png
|
PNG
|
213.5 KB
|
|
|
restaurant-detail-page-modal.png
|
PNG
|
408.6 KB
|
|
|
restaurant-detail-page-scenarios.png
|
PNG
|
201.2 KB
|
|
|
restaurant-detail-page-success.png
|
PNG
|
347.3 KB
|
|
|
restaurant-detail-page.png
|
PNG
|
1.4 MB
|
|
|
restaurant-page-tests.png
|
PNG
|
103 KB
|
|
|
restaurant-section-presentational.gif
|
GIF
|
6.7 MB
|
|
|
restaurant-test-failure.png
|
PNG
|
31.9 KB
|
|
|
restaurant-test-success.png
|
PNG
|
27.9 KB
|
|
|
restaurants-section-error.png
|
PNG
|
146.1 KB
|
|
|
restaurants-section-overview.png
|
PNG
|
1.4 MB
|
|
|
restaurants-section-working.png
|
PNG
|
518.4 KB
|
|
|
review-args-custom-argtypes.gif
|
GIF
|
948.7 KB
|
|
|
review-args-number.gif
|
GIF
|
1.2 MB
|
|
|
review-basic.png
|
PNG
|
30.1 KB
|
|
|
review-stories.png
|
PNG
|
37.3 KB
|
|
|
review-styled.png
|
PNG
|
37.2 KB
|
|
|
section-overview.md
|
MD
|
1.4 KB
|
|
|
snapshot-tests.png
|
PNG
|
115.5 KB
|
|
|
stateful-component.png
|
PNG
|
110.1 KB
|
|
|
stories-for-pages-adding-home.md
|
MD
|
6.3 KB
|
|
|
stories-for-pages-data-fetching.md
|
MD
|
5.6 KB
|
|
|
stories-for-pages-page-template.md
|
MD
|
11.9 KB
|
|
|
stories-for-pages-restaurant-detail-page.md
|
MD
|
11.4 KB
|
|
|
storybook-architecture.png
|
PNG
|
131 KB
|
|
|
storybook-build-chromatic.png
|
PNG
|
688.5 KB
|
|
|
storybook-dev-and-integration.png
|
PNG
|
450.8 KB
|
|
|
storybook-dev-then-integration.png
|
PNG
|
173.8 KB
|
|
|
storybook-example.png
|
PNG
|
640.6 KB
|
|
|
storybook-running.png
|
PNG
|
510.1 KB
|
|
|
storybook-settings-tooltip.png
|
PNG
|
203 KB
|
|
|
storybook-test-runner.md
|
MD
|
3.2 KB
|
|
|
success-scenario.png
|
PNG
|
1.4 MB
|
|
|
template-basic.png
|
PNG
|
80.3 KB
|
|
|
template-button.png
|
PNG
|
61.8 KB
|
|
|
template-default.png
|
PNG
|
457.8 KB
|
|
|
template-fullscreen.png
|
PNG
|
106.7 KB
|
|
|
template-sticky-header.png
|
PNG
|
77.6 KB
|
|
|
template-stories.gif
|
GIF
|
2.5 MB
|
|
|
template-with-items.gif
|
GIF
|
1.6 MB
|
|
|
template-working.png
|
PNG
|
88.8 KB
|
|
|
tests-passing.png
|
PNG
|
159.7 KB
|
|
|
the-guardian-example.png
|
PNG
|
383.9 KB
|
|
|
theme-after.png
|
PNG
|
74.8 KB
|
|
|
theme-before.png
|
PNG
|
73.3 KB
|
|
|
theme-dark-mode.png
|
PNG
|
72.2 KB
|
|
|
theme-provider-error.png
|
PNG
|
61 KB
|
|
|
theming-storybook.md
|
MD
|
5.1 KB
|
|
|
toolbar-not-working.gif
|
GIF
|
588.5 KB
|
|
|
toolbar-working.gif
|
GIF
|
652.3 KB
|
|
|
twitter.jpg
|
JPG
|
16.5 KB
|
|
|
ui-review-page.png
|
PNG
|
213.4 KB
|
|
|
ui-review-step.gif
|
GIF
|
14 MB
|
|
|
use-case.png
|
PNG
|
725.5 KB
|
|
|
usecases.png
|
PNG
|
63.9 KB
|
|
|
viewport-list.png
|
PNG
|
19.3 KB
|
|
|
visual-diff-example.png
|
PNG
|
281.4 KB
|
|
|
what-is-storybook.md
|
MD
|
5.4 KB
|
|
|
what-makes-up-a-story.md
|
MD
|
11.2 KB
|
|
|
wrapping-up.md
|
MD
|
1.3 KB
|
|
|
writing-the-atomic-components.md
|
MD
|
9.2 KB
|
