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

React Summit 2025

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 am attending the biggest #Reactjs conference remotely. You may get a limited free ticket (50% of talks, no workshops) and join me by clicking this badge.

#react #reactjs

JS Nation

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

JSNation 2025

TechLead Conference

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

TechLead Conference 2025: AI in Orgs

Productivity Conference for Devs and Tech Leaders

I'm attending Productivity Conf - get your free remote ticket and join me there with 5k professionals and 25+ great speakers

AI Coding Summit

JSNation US

I’m attending JSNation US. Join me there for free with 10k other JS engineers and 50+ great speakers. Just follow this badge.

JSNation US 2025

React Summit US

React Summit US 2025

React Advanced

React Advanced 2025

React Advanced Canada

React Advanced Canada 2026

Node Congress

I’m attending @NodeCongress, the biggest conf on #JavaScript backends – by clicking the badge you may get a free remote ticket & join me there with 5k other #nodejs devs & 15 great speakers #deno #cloudflare #awscloud

Video: Introduction to Library Marketplace

Comments

Available in other languages: