Create and Publish Packages to NPM Made Easy - Using tsdx

Create and Publish Packages to NPM Made Easy - Using tsdx

This is the easiest and fastest way I know to create and publish a package to NPM. In this video we will publish a simple react component to NPM using tsdx, typescript and storybook.

This is the easiest and fastest way I know to create and publish a package to NPM. In this video we will publish a simple react component to NPM using tsdx, typescript and storybook.

We will also see how versions work and how to use "npm version".

At the end of the video we will consume our new published package from a new create-react-app project using typescript.


Published package: https://www.npmjs.com/package/@bmvantunes/youtube-demo All my packages: https://www.npmjs.com/~bmvantunes


Timeline

  • 00:00 Introduction
  • 00:15 Example: why you may need to publish packages
  • 01:00 Show tsdx documentation
  • 01:48 Check package name and Create npm account
  • 02:18 npm login
  • 02:26 Create our component library using tsdx
  • 04:40 Change name to scoped package
  • 05:00 npm publish and npm publish --access public
  • 06:12 See published package on npmjs.com
  • 06:43 npm version - change the version of your package
  • 09:15 Add a new component
  • 10:38 Named exports vs Default exports
  • 12:03 Is it possible to automate all this?
  • 12:45 Consume our package in a new create-react-app project

npm node

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How to Install Node JS on Windows| Download Node JS on Windows, Install Node.js and NPM on Windows 10

In this Video We are going to perform Download Node.js for Windows, How to Install Node.js on Windows, update the node.js and npm on windows, creating node.js app on windows, uninstalling node.js from windows.

Hire Top Node JS Developers | Best Node.js Development Company India

Hire dedicated Node JS developers & programmers in India for custom full-stack NodeJS web development projects on hourly/full-time basis. Strict NDA, 16+ years exp & 2500+ clients|450+ Experts

Hire Dedicated Node.js Developers - Hire Node.js Developers

Get business-centric Node.Js development services from expert Node.JS developers. We have expertise in developing & maintaining Node JS apps as per the business requirements.

Using Node Environment Variables with a DotEnv File for Node and NPM

In this tutorial, you'll learn how to use Node environment variables with a DotEnv file for Node.js and npm. In Node, environment variables are a great way to securely and conveniently configure things that don't change often, like URLs, authentication keys, and passwords.

How to Install Node.js and npm on Ubuntu 20.04

In this tutorial, we will explore three different ways of installing Node.js and npm on Ubuntu 20.04. From the standard Ubuntu repositories, from the NodeSource repositories and by using the nvm script.