Lessons
Explore all newline lessons
lesson
Coding Compound ComponentsFullstack Web ComponentsYou'll learn about three methods for custom elements to communicate, attribute drilling, CustomEvent, and BroadcastChannel.
lesson
Mocking Table Data in StorybookFullstack Web ComponentsHow to use mock data in Storybook to code Web Components.
lesson
Component CommunicationFullstack Web ComponentsYou'll investigate multiple methods for components to communicate by coding an editable table.
lesson
Chapter Four SummaryFullstack Web ComponentsIn this chapter you learned how to code a micro-library with TypeScript decorators that streamlines Web Component development.
lesson
Method DecoratorFullstack Web ComponentsYou'll code a method decorator named Listen that binds event listeners to class methods.
lesson
Class DecoratorFullstack Web ComponentsHow to code an interface for Web Components with TypeScript decorators that enables declaration of the selector, styles, and template.
lesson
Micro-libraryFullstack Web ComponentsYou'll abstract common patterns intro reusable code in a micro-library powered by TypeScript Decorators.
lesson
Visual Regression Testing with Storybook and ChromaticStorybook for React AppsUsing Chromatic and Storybook for visual regression testing.
lesson
Deploy Storybook on Chromatic for Integrated DevelopmentStorybook for React AppsUsing Chromatic for automatic Storybook deployment.
lesson
How to Install the Storybook ESLint pluginStorybook for React AppsLet's add the official Storybook ESLint plugin