Building UI components with Storybook

• Titel: Building UI components with Storybook
• Titelzusatz: a practical tutorial
• Mitwirkende: North, Clarian [MitwirkendeR]
• Institutionen: Packt Publishing, [Verlag]
• Ausgabe: [First edition].
• Verlagsort: [Birmingham, United Kingdom]
• Verlag: Packt Publishing
• E-Jahr: 2025
• Jahr: [2025]
• Umfang: 1 online resource (1 video file (8 hr., 41 min.))
• Illustrationen: sound, color.
• Fussnoten: Online resource; title from title details screen (O’Reilly, viewed April 10, 2025)
• ISBN: 978-1-80580-867-1
• ISBN: 1-80580-867-2
• Datenträger: Online-Ressource
• Sprache: eng
• Sach-SW: JavaScript (Langage de programmation)
• Sach-SW: Logiciels d'application ; Développement
• Sach-SW: Sites Web ; Développement
• Form-SW: Instructional films
• Form-SW: Nonfiction films
• Form-SW: Internet videos
• Form-SW: Films de formation
• Form-SW: Films autres que de fiction
• Form-SW: Vidéos sur Internet
• K10plus-PPN: 1924459175
• K10plus-PPN:
  Universitätsbibliothek
• Lokale URL UB: Zum Volltext
• Lokale URL UB: Bibliothek der Medizinischen Fakultät Mannheim der Universität Heidelberg
• Bibliothek/Idn: UW / m4718959241
• Lokale URL Inst.: Zum Volltext

Abstract

Start your journey with a comprehensive introduction to Storybook and React, where you'll explore their significance in UI component development. You'll first learn the fundamentals of Storybook, including how it enhances collaboration and isolates UI development for better testing. From here, dive into React basics, creating components, and understanding props, hooks, and the React virtual DOM. You will also discover how Storybook simplifies your workflow by enabling isolated development and testing of components in real time. As the course progresses, you'll learn to tackle more advanced concepts, including connecting external data with Redux and testing component interactions. With hands-on examples and real-world scenarios, you'll gain experience in building robust, dynamic components. The course will guide you step by step through integrating Redux, managing application state, and automating testing and deployment processes using tools like Chromatic. By the end of this course, you will have the skills to build sophisticated React components with Storybook, handle complex data, automate workflows, and deploy your projects efficiently. This course offers a structured approach that ensures you gain a deep understanding of component-driven development, visual testing, and continuous integration. To access the supplementary materials, scroll down to the 'Resources' section above the 'Course Outline' and click 'Supplemental Content.' This will either initiate a download or redirect you to GitHub.