How to use StoryBook for React component library | Dockerize Storybook | Build Storybook in pipeline
In this video I will show you that what's Storybook and how you can use it. We will create a CI/CD Gitlab pipeline which will build the StoryBook and also create a docker image of it. We will run Storybook inside a docker container and also secure it with username and password, using an NginX configuration.
Repository (Dockerfile, nginx config and gitlab yml could be checked here): https://gitlab.com/codeching/storyboo...
00:00 - Introduction
00:35 - Tryout Storybook in browser
02:05 - Setup Storybook
04:55 - Writing stories
05:34 - Using custom controls for React component props
05:55 - Dockerizing Storybook / Writing the Dockerfile
07:04 - Creating the NginX configuration
07:23 - Building and run storybook
07:40 - Building Storybook Docker Image inside CI/CD Gitlab pipeline (using Kaniko)
09:37- Good bye :)
#storybook #react #docker
