Introduction
  • What you can learn in this course
Preparation
  • Tools
  • Register to npmjs.com
  • Check nodejs and npm versions
  • Create git repository
Custom button component
  • Init project = package.json
  • Install dependencies
  • Add readme.md
  • Component configuration = Webpack
  • Demo site configuration = Storybook
  • Activate JSX Storybook addon
  • Create custom button component
  • Very first demo case
  • Start demo site development build
  • Ignore files from the Git repository = .gitignore
  • Save our work - git commit
  • Make demo site production build
  • Commit demo site production build
  • Activate GitHub page
  • Ignore files from the npm package = .npmignore
  • Component production build
  • Publish component as a package
  • Add sass to define component style
  • Enable SASS loading in demo site configuration
  • Commit SASS support
  • Update component as a package
  • Add npm version badge to the repository home
  • Commit npm badge
  • Use component in a project
  • Update demo site
  • Add demo site badge next to the npm badge
Thank you
  • A special thank you