Storybook به شما کمک می کند تا روی ساختن اجزای React خود تمرکز کنید تا تا حد امکان قابل استفاده مجدد، قابل تنظیم و بدون خطا باشند. با این آموزش آن را تنظیم کنید.
یکی از مزایای استفاده از React این است که می‌توانید مؤلفه‌های رابط کاربری ایجاد کنید، از آن‌ها دوباره در سراسر برنامه خود استفاده کنید و در نهایت از ریزش کد جلوگیری کنید. با این حال، ایجاد اجزای رابط کاربری کاملاً مستقل با React به تنهایی دشوار است. برای دیدن این مؤلفه‌ها باید نماهایی ایجاد کنید.
اینجاست که Storybook وارد می‌شود. این امکان را به شما می‌دهد تا اجزای UI را در یک محیط زمان اجرا مستقل ایجاد و آزمایش کنید و در این آموزش نحوه استفاده از آن را در React خواهید آموخت. در پایان این پست، یک جزء دکمه ایجاد کرده و برخی از حالت های احتمالی آن را در React ثبت کرده اید.