Making money with your React UI library.
Introduction to Library Market Place
Hi, my name is Brandon. I will be talking about introduction to the library marketplace. So, here I will be talking about a couple of contents. npm package marketplace, building a UI library sample to sell, and a marketplace dashboard, and how the developer gets paid, and also a frequent FAQ. So, in this slide, npm package marketplace. Ever wanted to earn money selling those cool npm packages that you have created? And make a living off your open source work that provide premium features, open source projects, sell your code as npm package. You have totally 100% access control packages. And you also deploy your private packages. So, before we start, building a UI library sample to sell, you need to think about how you're going to sell your react components or UI libraries or plugins that people love to use. Of course, you need to have a good documentation on how you're going to sell your project. Prepare to publish into a private package to a marketplace called PrivJS. Steps to install your package. So, I'll show you in the next slide. Okay? So, building your react components that people love to share. For example, you have a carousel or a loader that you want people to download and install. You have to build a documentation that suits your customers and how your react components can be installed. Whether it's a freemium or a paid users. Here are the steps on how you're going to publish your UI library into a marketplace. First, all you have to do is just add the following in your package.json file. You have to insert a publish config. And then you have to publish the package.json file. You have to insert a publish config. Target to R.privjs.com. This is the registry on where you're going to publish your npm package. Second, type the following in your terminal. npm login. Registry. html. Sdps R.privjs.com. After that, it will ask you to enter your username and password. Or you can just enter your email address that you have registered with PrivJS. And after that, type npm publish. And you're done. So, your package will be uploaded to PrivJS.com. Now, how your client or customer can install your package. There's two ways. One is for guest users. And the other one is for register users. Before your user can download or install, you have to set the config registry target to R.privjs.com. After that, you have to log into their website, R.privjs.com. And then install your package. Don't worry. R.privjs will send an email on how to install to the client after they have purchased your package. For guest user, you have to provide the authentication token. You will be able to find it in your dashboard account settings. Next, after that, you need to install your package. Normally, we'll use a private scope. As you can see here, you have a private scope at bc. Or you can name it to whatever private scope you want. Plus, your package JSON. Package modules. So, these are the other ways on how to install your package. First, you have to log in and set your registry target to PrivJS.com. After that, you do the npm install, your package name, registry to R.privjs.com. This is the marketplace dashboard. In this dashboard, you have two options. One is for individual and the other one is for organization. Individual is for personal use. And organization is for companies or large companies or multiple user teams that will use your package. So, here you can set your subscription. You can set your amount that you want for your package, whether it's a monthly subscription, one time, or yearly. Same with the organization. These are the basic dashboard settings. You also have advanced settings for your pricing. So, this gives you more properties that you can set for your package. Now, how do you know your package is being downloaded? Package being downloaded or being purchased. In the dashboard, you can go to your package and then select your package. After that, it will show a report where your package is being purchased. When is it being purchased? And whether you want to revoke it or just leave it as is. It will also show you the version of your package, what is the published version and how many people downloaded your package. And here you can have the configuration on how to install your package and also the instruction. So, how do developers get paid in PrivGIS marketplace? First, you need to have a PayPal account. Sign up a PayPal account and then add the PayPal register email. After that, save it. And then, the payment will be set every 20th of every month. You'll receive your payment every 20th of every month. Things that you need to take note with your PayPal account. Make sure that your PayPal integrates with your local banks and make sure that you know the additional charges. For example, transactional fees, international fees, charges, and so on. If you need to know more about PrivGIS, you can go to this link and find out more about PrivGIS. you