Udemy - Storybook Crash Course for developers - React - Vitest

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size1.4 GB
  • Uploaded Byfreecoursewb
  • Downloads27
  • Last checkedFeb. 28th '26
  • Date uploadedFeb. 27th '26
  • Seeders 7
  • Leechers14

Infohash : E7BABBCE515577095BEEF2A747166C8B5DFDD2EC

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

Files:

[ WebToolTip.com ] Udemy - Storybook Crash Course for developers - React - Vitest
  • Get Bonus Downloads Here.url (0.2 KB)
    • ~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.0 KB)
      • first-sb
      • README.md (2.6 KB)
      • eslint.config.js (0.8 KB)
      • gitignore (0.3 KB)
      • index.html (0.4 KB)
      • package-lock.json (223.1 KB)
      • package.json (1.5 KB)
        • public
        • mockServiceWorker.js (9.2 KB)
        src
        • App.tsx (0.1 KB)
        • Post.stories.tsx (3.0 KB)
        • Post.tsx (1.9 KB)
        • Tag.stories.tsx (1.6 KB)
        • Tag.tsx (0.6 KB)
        • main.tsx (0.1 KB)
          • mocks data
          • DataService.ts (1.1 KB)
          • Product.stories.tsx (1.6 KB)
          • Product.tsx (0.3 KB)
          • Products.tsx (2.2 KB)
          • Server.http (0.0 KB)
          • Server.ts (1.8 KB)
          simple
          • Name.tsx (0.3 KB)
          • Names.stories.tsx (0.5 KB)
          • Utils.ts (0.2 KB)
          stories
          • Button.stories.ts (1.7 KB)
          • Button.tsx (0.9 KB)
          • Configure.mdx (11.6 KB)
          • Header.stories.ts (0.8 KB)
          • 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 (0.8 KB)
            • context.png (6.0 KB)
            • discord.svg (2.3 KB)
            • docs.png (27.2 KB)
            • figma-plugin.png (43.2 KB)
            • github.svg (2.7 KB)
            • share.png (39.8 KB)
            • styling.png (7.1 KB)
            • testing.png (48.2 KB)
            • theming.png (43.3 KB)
            • tutorials.svg (1.2 KB)
            • youtube.svg (0.7 KB)
          • button.css (0.7 KB)
          • header.css (0.6 KB)
          • page.css (1.2 KB)
            • storybook
            • main.ts (0.5 KB)
            • preview.ts (0.8 KB)
            • vitest.setup.ts (0.4 KB)
          • tsconfig.app.json (0.7 KB)
          • tsconfig.json (0.1 KB)
          • tsconfig.node.json (0.7 KB)
          • vite.config.ts (1.3 KB)
          • vitest.shims.d.ts (0.1 KB)
            • 2 - Storybook introduction
            • 10. Code changes in this lecture.url (0.1 KB)
            • 10. Extending the story.mp4 (32.9 MB)
            • 11. Code changes in this lecture.url (0.1 KB)
            • 11. Story parameters.mp4 (29.8 MB)
            • 12. Rendering multiple components.mp4 (51.1 MB)
            • 13. Code changes in this lecture.url (0.1 KB)
            • 13. Storybook docs.mp4 (25.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 (0.1 KB)
            • 9. The first story.mp4 (45.9 MB)
            3 - Testing with Storybook
            • 14. Section intro.mp4 (20.2 MB)
            • 15. Code changes in this lecture.url (0.1 KB)
            • 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 (0.1 KB)
            • 17. types-of-queries.url (0.1 KB)
            • 18. Code changes in this lecture.url (0.1 KB)
            • 18. Testing user action - delete tag.mp4 (56.2 MB)
            • 19. Code changes in this lecture.url (0.1 KB)
            • 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 (0.1 KB)
            • 22. Code changes in this lecture.url (0.1 KB)
            • 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 (0.1 KB)
            • 24. Mocking function calls and libraries.mp4 (57.3 MB)
            • 25. Code changes in this lecture.url (0.1 KB)
            • 25. Mocking network requests - intro.mp4 (35.9 MB)
            • 26. Code changes in this lecture.url (0.1 KB)
            • 26. Setting up msw.mp4 (69.6 MB)
            • 27. Code changes in this lecture.url (0.1 KB)
            • 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 (0.1 KB)
            • 30. The design addon - Storybook and Figma.mp4 (51.7 MB)
            • 31. Code changes in this lecture.url (0.1 KB)
            • 31. Theming Storybook.mp4 (62.3 MB)
            6 - End
            • 32. Thank you!.mp4 (27.6 MB)
            • Bonus Resources.txt (0.1 KB)

Code:

  • udp://tracker.torrent.eu.org:451/announce
  • udp://tracker.tiny-vps.com:6969/announce
  • http://tracker.foreverpirates.co:80/announce
  • udp://tracker.cyberia.is:6969/announce
  • udp://exodus.desync.com:6969/announce
  • udp://explodie.org:6969/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://9.rarbg.to:2780/announce
  • udp://tracker.internetwarriors.net:1337/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://open.stealth.si:80/announce
  • udp://9.rarbg.to:2900/announce
  • udp://9.rarbg.me:2720/announce
  • udp://opentor.org:2710/announce