| Bonus Resources.txt | 102.4 B | ||
| Get Bonus Downloads Here.url | 204.8 B | ||
| ~Get Your Files Here ! | |||
| 1 - Course Introduction | |||
| 1. Welcome to the course.mp4 | 75.6 MB | ||
| 2. Udemy tips.mp4 | 68.2 MB | ||
| 3. Tools we will need.mp4 | 11.3 MB | ||
| 4. What is Storybook.mp4 | 65.5 MB | ||
| 5. Course resources.html | 5.6 KB | ||
| README.md | 0 B | ||
| first-sb | |||
| README.md | 2.6 KB | ||
| eslint.config.js | 819.2 B | ||
| gitignore | 307.2 B | ||
| index.html | 409.6 B | ||
| package-lock.json | 223.1 KB | ||
| package.json | 1.5 KB | ||
| public | |||
| mockServiceWorker.js | 9.2 KB | ||
| src | |||
| App.tsx | 102.4 B | ||
| Post.stories.tsx | 3 KB | ||
| Post.tsx | 1.9 KB | ||
| Tag.stories.tsx | 1.6 KB | ||
| Tag.tsx | 614.4 B | ||
| main.tsx | 102.4 B | ||
| mocks | |||
| data | |||
| DataService.ts | 1.1 KB | ||
| Product.stories.tsx | 1.6 KB | ||
| Product.tsx | 307.2 B | ||
| Products.tsx | 2.2 KB | ||
| Server.http | 0 B | ||
| Server.ts | 1.8 KB | ||
| simple | |||
| Name.tsx | 307.2 B | ||
| Names.stories.tsx | 512 B | ||
| Utils.ts | 204.8 B | ||
| stories | |||
| Button.stories.ts | 1.7 KB | ||
| Button.tsx | 921.6 B | ||
| Configure.mdx | 11.6 KB | ||
| Header.stories.ts | 819.2 B | ||
| Header.tsx | 1.5 KB | ||
| Page.stories.ts | 1.1 KB | ||
| Page.tsx | 2.6 KB | ||
| assets | |||
| accessibility.png | 41.3 KB | ||
| accessibility.svg | 1.5 KB | ||
| addon-library.png | 456.4 KB | ||
| assets.png | 3.8 KB | ||
| avif-test-image.avif | 819.2 B | ||
| button.css | 716.8 B | ||
| context.png | 6 KB | ||
| discord.svg | 2.3 KB | ||
| docs.png | 27.2 KB | ||
| figma-plugin.png | 43.2 KB | ||
| github.svg | 2.7 KB | ||
| header.css | 614.4 B | ||
| page.css | 1.2 KB | ||
| share.png | 39.8 KB | ||
| storybook | |||
| 2 - Storybook introduction | |||
| 10. Code changes in this lecture.url | 102.4 B | ||
| 10. Extending the story.mp4 | 32.9 MB | ||
| 11. Code changes in this lecture.url | 102.4 B | ||
| 11. Story parameters.mp4 | 29.8 MB | ||
| 12. Rendering multiple components.mp4 | 51.1 MB | ||
| 13. Code changes in this lecture.url | 102.4 B | ||
| 13. Storybook docs.mp4 | 25.6 MB | ||
| 3 - Testing with Storybook | |||
| 14. Section intro.mp4 | 20.2 MB | ||
| 15. Code changes in this lecture.url | 102.4 B | ||
| 15. What we will test.mp4 | 27.5 MB | ||
| 16. First interaction test.mp4 | 70.1 MB | ||
| 17. Locating elements.mp4 | 23.1 MB | ||
| 17. querying-the-canvas.url | 102.4 B | ||
| 17. types-of-queries.url | 102.4 B | ||
| 18. Code changes in this lecture.url | 102.4 B | ||
| 18. Testing user action - delete tag.mp4 | 56.2 MB | ||
| 19. Code changes in this lecture.url | 102.4 B | ||
| 19. Testing function calls.mp4 | 60.5 MB | ||
| 20. Testing user action - typing.mp4 | 55.9 MB | ||
| 21. Codegen addon.mp4 | 58.1 MB | ||
| 21. Codegen addon.url | 102.4 B | ||
| 22. Code changes in this lecture.url | 102.4 B | ||
| 22. Headed mode.mp4 | 33.1 MB | ||
| 4 - Data Mocking in Storybook | |||
| 23. Section intro.mp4 | 104.4 MB | ||
| 24. Code changes in this lecture.url | 102.4 B | ||
| 24. Mocking function calls and libraries.mp4 | 57.3 MB | ||
| 25. Code changes in this lecture.url | 102.4 B | ||
| 25. Mocking network requests - intro.mp4 | 35.9 MB | ||
| 26. Code changes in this lecture.url | 102.4 B | ||
| 26. Setting up msw.mp4 | 69.6 MB | ||
| 27. Code changes in this lecture.url | 102.4 B | ||
| 27. Mocking network requests.mp4 | 72.4 MB | ||
| 5 - Customizing Storybook | |||
| 28. Section intro.mp4 | 25.6 MB | ||
| 29. Addons overview.mp4 | 42.7 MB | ||
| 30. Code changes in this lecture.url | 102.4 B | ||
| 30. The design addon - Storybook and Figma.mp4 | 51.7 MB | ||
| 31. Code changes in this lecture.url | 102.4 B | ||
| 31. Theming Storybook.mp4 | 62.3 MB | ||
| 6 - End | |||
| 32. Thank you!.mp4 | 27.6 MB | ||
| 6. Section intro.mp4 | 20.1 MB | ||
| 7. Creating a Storybook project.mp4 | 41.6 MB | ||
| 8. The storybook interface.mp4 | 36.6 MB | ||
| 9. Code changes in this lecture.url | 102.4 B | ||
| 9. The first story.mp4 | 45.9 MB | ||
| main.ts | 512 B | ||
| preview.ts | 819.2 B | ||
| tsconfig.app.json | 716.8 B | ||
| tsconfig.json | 102.4 B | ||
| tsconfig.node.json | 716.8 B | ||
| vite.config.ts | 1.3 KB | ||
| vitest.setup.ts | 409.6 B | ||
| vitest.shims.d.ts | 102.4 B | ||
| styling.png | 7.1 KB | ||
| testing.png | 48.2 KB | ||
| theming.png | 43.3 KB | ||
| tutorials.svg | 1.2 KB | ||
| youtube.svg | 716.8 B |
Storybook Crash Course for developers - React/Vitest
https://WebToolTip.com
Published 2/2026
Created by Alex Dan
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz, 2 Ch
Level: All Levels | Genre: eLearning | Language: English | Duration: 32 Lectures ( 1h 46m ) | Size: 1.43 GB
Master Storybook: Build, Test & Document Components Like a Pro
What you'll learn
✓ Set up and configure Storybook projects for efficient component development workflows
✓ Create comprehensive component stories with parameters, variations, and auto-generated documentation
✓ Write interaction tests in Storybook to validate user actions and component behavior
✓ Implement data mocking strategies using MSW for realistic component nstrations without backends
✓ Master element location techniques and testing patterns for complex user interactions
✓ Leverage Storybook addons to extend functionality and enhance the development experience
✓ Integrate Figma designs into Storybook for seamless designer-developer collaboration and handoff
✓ Customize Storybook theming and interface to match brand guidelines and team preferences
Requirements
● Basic JavaScript and TypeScript
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
| 1.3 GB | freecoursewb | 2 years | 0 | 0 | |
| 573.7 MB | freecoursewb | 4 years | 0 | 1 | |
|
Udemy - Building React components with Storybook in 30 minutes or so Posted by
freecoursewb in Other
|
543.6 MB | freecoursewb | 4 years | 1 | 0 |
|
Udemy - Implement a design system with ReactJS, Storybook & Tailwind Posted by
freecoursewb in Other
|
1.6 GB | freecoursewb | 4 years | 0 | 1 |
All Comments