Name: Introduction to Library Marketplace
Uploaded: 2023-06-06T15:50:00.000Z
Duration: 12 min
Description: The Talk discusses selling NPM packages and React libraries in a marketplace, including earning money, building UI libraries, and using the marketplace dashboard. It explains how to publish packages on Pref.js and verify them. The Talk also mentions the ability to sell packages individually or offer subscriptions, sell to organizations, and offer volume packages on the Pref.js marketplace.

Hi, everyone. My name is Ko Brendon Vee. I'm the lead developer in standard TypeScript. And today, I'll be talking about introduction to a library marketplace.So, what is this all about? So, it's about selling your NPN packages or React libraries into a marketplace and how you can earn money. So, here are the topics that I'm going to talk about. NPN package. Marketplace. Building a UI libraries sample to sell in the marketplace and also the marketplace dashboard on how to use it, how to visualize your earnings and how to set an amount into your React library packages. And also, the last part is of course how to get paid. Yeah. And if you have some questions at the end of the slide, you can ask me some questions. Okay. So, let's start.NPM package marketplace. Have you ever wanted to earn money selling those very cool stuff of your NPM packages that you have created? Making living off your open source work and provide some premium feature to your open source project. You can also sell your quotes as NPM packages. And the good thing is you have full access control of your packages and you can also deploy it privately or at private scope.So first thing what you need to do is you need to think of your library where people love to use it. Of course you can also have good documentation on how to use your libraries and after that you can just publish it as a private package to the marketplace. So the marketplace that we're going to use is Privs.js and I will be also sharing on how you can or how the user can install your package. So think of your React libraries that you're going to sell. For example you have a carousel or you have a photo screen capture or some photo libraries that you can upload to probably some passport. So things like a cool UI library that you want to sell.Next thing is, you need to have a good documentation on how to use your library, how to install it and also how to get support. So next, you need to prepare how to publish your private package to marketplace. So the configuration is quite simple, so it's just three steps. First, you need to modify your package json, and add a published config with the registry point to the pre-gesture URL. Second is open your terminal, and login to pre-gesture, your username and password. And then after that, you can just NPM publish and it will publish to Pref.js.

So once you have published it, there's a few ways that you can verify and test. The first thing you have to configure, and point your registry to Pref.js. Second is to log into Pref.js. And the third is to NPM install your package, just to test in your local.For guest users, they will have to use the authentication token that you provide. Set the URL to Pref.js and then pass in the authentication token. Now after that you can install the library from Pref.js. Pref.js is like a npm repository, so they have a repository to store your private packages. And from there they can monitor who downloads or who purchases your libraries.To install your packages, you can always login to pref.js first, and then from there you can specify your packages. And the register pointing to pref.js. And you can install your package to your projects.On the pref.js dashboard, you have two options. One is to sell your npm packages as individual pricing. You can also set a subscription type, whether you want it to have a one-time subscription, one-time payment, or a monthly payment or a year-long payment of your library. You can also provide an organization option where you can set it as a premium type or to sell it to an organization like some big companies that want to use your libraries. So you can set the minimum quantity and also a volume package that you want to sell your libraries. So you can set the quantity plus the amount that you want to sell. And it also provides a subscription base where you can sell them probably as one time monthly or yearly. So these are the advanced options where you can key in the same amount but the visual aid is different from the basic.

React Summit

React Summit 2023

Introduction to Library Marketplace

Introducción al Mercado de Bibliotecas

JS Nation

JSNation 2026

The Talk discusses selling NPM packages and React libraries in a marketplace, including earning money, building UI libraries, and using the marketplace dashboard. It explains how to publish packages on Pref.js and verify them. The Talk also mentions the ability to sell packages individually or offer subscriptions, sell to organizations, and offer volume packages on the Pref.js marketplace.

Ever wanted to earn money selling those cool npm packages that you created? This talk is about how to sell your library and earn a living out of your hard work.

Brendon Co

I’m attending JSNation – the main JavaScript conference of the year. You may join me there for free with 10k other JS engineers and 40+ great speakers. Just follow this badge. 

#javascript

I am attending the largest #ReactJS conference remotely. You may get a limited free ticket (50% of talks, no workshops) and join me by clicking this badge.

#react #reactjs

React Summit 2026

Web Engineering Summit

Web Engineering Summit 2026

TechLead Conference

I'm attending TechLead Conference 2025 – get your free remote ticket and join me there

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

AI Coding Summit

I'm attending AI Coding Summit with 5k other participants to learn how AI transforms software development and stay up to date with the latest AI tools - get your free remote ticket and join me there!

AI Coding Summit London

React Advanced

React Advanced 2026

JSNation US

I’m attending the main #JavaScript conference in the US. Join me and 10k other JS engineers. Follow this link to receive a free remote ticket. The theme of the year is AI for coding and the future of #WebDev.

#JSNation

JSNation US 2026

React Summit US

React Summit US 2026

React Day Berlin

React Day Berlin 2026

Video: Introduction to Library Marketplace

Comments

Available in other languages: