Egghead Instructor Arunoda Susiripala

Arunoda Susiripala

I co-created React Storybook and maintaining a lot of React and Meteor open source projects.



Support Arunoda's Free Lessons
become a member today

Browse Arunoda Susiripala's lessons.

showing 6 lessons...

Inspect Component Events with React Storybook

Load React Storybook Stories Dynamically

Write the First React Storybook Story

Add React Storybook to a Project

Jest Snapshot Testing with React Storybook

Getting Started with React Storybook

react tutorial about Inspect Component Events with React Storybook

Inspect Component Events with React Storybook

1:45 react

Components trigger actions via function props to notify of events that occur within the Component. We can inspect those events using React Storybook.

react tutorial about Load React Storybook Stories Dynamically

Load React Storybook Stories Dynamically

3:10 react

React Component stories can be dynamically loaded into React Storybook instead of doing it manually every time.

react tutorial about Write the First React Storybook Story

Write the First React Storybook Story

4:34 react

Story is the smallest unit of React Storybook. A story describes a React Component, and its various states and variations. Stories can describe complex components with dynamic properties and data loaded from a service. In this lesson we will write our first React Storybook story.

react tutorial about Add React Storybook to a Project

Add React Storybook to a Project

3:35 react

In this lesson, we show how to setup React Storybook into an existing React project. We’ll go through common configuration files and how to adjust them.

react tutorial about Jest Snapshot Testing with React Storybook

Jest Snapshot Testing with React Storybook

2:26 react

React Storybook allows for easy snapshot testing integration with Facebook's Jest testing framework. Snapshot testing allows you to capture the state of your UI and then notify you when that UI has been altered. We can easily create and update snapshots with Storybook!

react tutorial about Getting Started with React Storybook

Getting Started with React Storybook

3:41 react

React Storybook is a UI component development environment for React.
With that, you can develop UI components without running your app.

Here I show how to get started with React Storybook.
For more information, have a look at our documentation.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?