Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://s3.amazonaws.com/assets.fullstack.io/n/20211125015227872_CoverImage_StorybookforBuildingReactApps.png

lesson

Wrapping upStorybook for React Apps

We have finished the fifth module! Let's discuss what we learned.

https://image.mux.com/iXxmTnVTtpngt5BPPuZkMpQlOpja02e8X6O9MmChaIHk/thumbnail.png?time=0

lesson

How to Automate Storybook Testing With Test RunnerStorybook for React Apps

Let's use the Storybook test runner to automate our tests!

https://s3.amazonaws.com/assets.fullstack.io/n/20211125015227872_CoverImage_StorybookforBuildingReactApps.png

lesson

IntroductionStorybook for React Apps

It is time to learn testing strategies in Storybook.

https://s3.amazonaws.com/assets.fullstack.io/n/20211207071359411_CoverImage_DesignSystemswithFigmagic1.png

lesson

How to Structure Storybook for DocumentationThe newline Guide to React Component Design Systems with Figmagic

Storybook is a brilliant tool for documentation, and we'll make good use of it in several ways.

https://s3.amazonaws.com/assets.fullstack.io/n/20211207071359411_CoverImage_DesignSystemswithFigmagic1.png

lesson

Add Storybook Descriptions For Self-Documenting DesignsThe newline Guide to React Component Design Systems with Figmagic

The very first documentation step we will take is to describe what we have built so far.

https://s3.amazonaws.com/assets.fullstack.io/n/20211207071359411_CoverImage_DesignSystemswithFigmagic1.png

lesson

Build a Component Development Workflow With StorybookThe newline Guide to React Component Design Systems with Figmagic

It's vital we have a solid grounding for our component workflow if we are to build an entire library of them. In this lesson, we will set up a smooth, component-driven development workflow from code to Storybook.