Introducción al Mercado de Bibliotecas

Rate this content
Bookmark
Slides

Ganar dinero con tu biblioteca de UI de React.

This talk has been presented at React Day Berlin 2022, check out the latest edition of this React Conference.

FAQ

Puedes ganar dinero vendiendo paquetes NPM ofreciendo características premium a proyectos de código abierto. Debes publicar tus paquetes en un mercado como pref.js y controlar el acceso a estos paquetes, ya sean públicos o privados.

Para vender tus componentes React o bibliotecas de UI, necesitas preparar una buena documentación del proyecto y configurar un paquete privado para publicarlo en un mercado como pref.js.

Para publicar tu biblioteca de UI, debes agregar una configuración de publicación en tu archivo package.json que apunte a R.previewjs.com, iniciar sesión en el registro con npm y luego ejecutar npm publish para cargar tu paquete.

Los usuarios pueden instalar tu paquete configurando primero el objetivo del registro en r.previewjs.com y luego iniciando sesión en previewjs.com para proceder con la instalación. Los usuarios invitados necesitarán un token de autenticación que puedes proporcionar.

El panel de control del mercado permite gestionar las suscripciones y precios de tu paquete, ya sea para uso individual o para organizaciones. También puedes ver informes sobre las descargas y compras de tu paquete.

Los desarrolladores reciben sus pagos a través de PayPal. Debes registrar una cuenta de PayPal y agregarla al sistema de Prevjs. Los pagos se realizan el día 20 de cada mes.

Es importante que tu cuenta de PayPal esté integrada con tus bancos locales y que estés consciente de cualquier cargo adicional, como tarifas de transacción o cargos internacionales.

Brendon Co
Brendon Co
10 min
05 Dec, 2022

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Esta charla proporciona una introducción al mercado de bibliotecas, centrándose en la venta de paquetes NPM y la construcción de bibliotecas de UI. Explica los pasos para publicar una biblioteca de UI y cómo los clientes pueden instalar el paquete. El panel del mercado permite establecer suscripciones, precios y realizar un seguimiento de las descargas y compras. Los desarrolladores reciben pagos a través de PayPal el día 20 de cada mes.

1. Introducción al Mercado de Bibliotecas

Short description:

Hola, mi nombre es Brandon y hablaré sobre la introducción al mercado de bibliotecas. En esta diapositiva, Mercado de Paquetes NPM. ¿Alguna vez has querido ganar dinero vendiendo esos geniales paquetes NPM que has creado? Construyendo una muestra de biblioteca de UI para vender. Construyendo tus componentes de React que a la gente le encanta compartir. Aquí están los pasos sobre cómo vas a publicar tu biblioteca de UI en un mercado. Ahora, cómo tu cliente o usuario puede instalar tu paquete. Hay dos formas.

Hola, mi nombre es Brandon y hablaré sobre la introducción al mercado de bibliotecas. Aquí hablaré sobre un par de contenidos. Mercado de Paquetes NPM, construyendo una muestra de biblioteca para vender, y un panel de control del mercado, y cómo el desarrollador recibe pagos, y también algunas preguntas frecuentes. Así que en esta diapositiva, Mercado de Paquetes NPM. ¿Alguna vez has querido ganar dinero vendiendo esos geniales paquetes NPM que has creado? Gana dinero con tu trabajo de código abierto que proporciona características premium a proyectos de código abierto, vende tu código como paquetes NPM, tienes un control de acceso total del 100% a los paquetes, y también puedes implementar tus paquetes privados.

Entonces, antes de empezar, construyendo una muestra de biblioteca de UI para vender, necesitas pensar en cómo vas a vender tus componentes React o bibliotecas de UI o complementos que la gente ama usar. Por supuesto, necesitas tener una buena documentación sobre cómo vas a vender tu proyecto. Prepárate para publicarlo en un paquete privado en un mercado llamado pref.js. Pasos para instalar tu paquete, te lo mostraré en la siguiente diapositiva.

Entonces, construyendo tus componentes React que la gente ama compartir. Por ejemplo, tienes un carrusel o un cargador que quieres que la gente descargue e instale. Tienes que construir una documentación que se adapte a tus clientes. y cómo tus componentes React pueden ser instalados, ya sea para usuarios freemium o de pago. Aquí están los pasos sobre cómo vas a publicar tu biblioteca de UI en un mercado. Primero, todo lo que tienes que hacer es agregar lo siguiente en tu archivo package.json. Tienes que insertar una configuración de publicación. Apunta a R.previewjs.com. Este es el registro donde vas a publicar tu paquete npm. Segundo, escribe lo siguiente en tu terminal. npm login registry stps-r.previewjs.com. Después de eso, te pedirá que ingreses tu nombre de usuario y contraseña. O puedes simplemente ingresar tu dirección de correo electrónico con la que te has registrado en PreviewJS. Luego de eso, escribe npm publish y listo. Así que tu paquete se cargará en PreviewJS.com. Ahora, cómo tu cliente o usuario puede instalar tu paquete. Hay dos formas. Una es para usuarios invitados y la otra es para usuarios registrados. Antes de que tu usuario pueda descargar o instalar, debes configurar el objetivo del registro en r.previewjs.com. Después de eso, debes iniciar sesión en su sitio web,

2. Installation, Dashboard, and Payments

Short description:

previewjs enviará un correo electrónico sobre cómo instalar el paquete al cliente después de que lo compren. Para los usuarios invitados, debes proporcionar el token de autenticación. A continuación, debes instalar tu paquete utilizando un ámbito privado u otros métodos. El panel de control del mercado te permite establecer suscripciones y precios para uso individual y organizacional. Puedes realizar un seguimiento de las descargas y compras de tu paquete en el panel de control. Los desarrolladores reciben pagos a través de PayPal cada 20 de mes, con opciones de integración y cargos adicionales a considerar.

previewjs.com, y luego instala tu paquete. No te preocupes. previewjs enviará un correo electrónico sobre cómo instalar el paquete al cliente después de que lo compren. Para los usuarios invitados, debes proporcionar el token de autenticación. Podrás encontrarlo en la configuración de tu cuenta del panel de control. A continuación, después de eso, debes instalar tu paquete. Normalmente, utilizaremos un ámbito privado. Como puedes ver aquí, tenemos un ámbito privado en bc, o puedes nombrarlo como desees, junto con tu archivo package.json, package modules. Estas son otras formas de instalar tu paquete.

Primero, debes iniciar sesión y establecer el objetivo de tu registro en privileges.com. Después de eso, realiza la instalación de npm, el nombre de tu paquete, el registro en r.privileges.com. Este es el panel de control del mercado. En este panel, tenemos dos opciones, una es para uso individual y la otra es para organizaciones. El uso individual es para uso personal y la organización es para empresas o grandes empresas o equipos de múltiples usuarios que utilizarán tu paquete. Aquí puedes establecer tu suscripción y establecer la cantidad que deseas para tu paquete, ya sea una suscripción mensual, única o anual. Lo mismo ocurre con la organización. Estas son las configuraciones básicas del panel de control. También tienes configuraciones avanzadas para tus precios. Esto te brinda más propiedades que puedes establecer para tu paquete. Ahora, ¿cómo sabes si tu paquete está siendo descargado o comprado? En el panel de control, puedes ir a tu paquete y luego seleccionarlo. Después de eso, mostrará informes en los que se muestra si tu paquete está siendo comprado, cuándo se está comprando y si deseas revocarlo o dejarlo tal como está. También mostrará la versión de tu paquete, cuál es la versión publicada y cuántas personas descargan tu paquete. Aquí puedes tener la configuración sobre cómo instalar tu paquete y también las instrucciones. ¿Cómo reciben los desarrolladores su pago en el Mercado de Prevjs? Primero, debes tener una cuenta de PayPal. Registra una cuenta de PayPal y luego agrega el correo electrónico de registro de PayPal. Después de eso, guárdalo. Y luego el pago se establecerá cada día 20 de cada mes. Recibirás tu pago cada día 20 de cada mes. Cosas que debes tener en cuenta con tu cuenta de PayPal. Asegúrate de que tu PayPal se integre con tus bancos locales y asegúrate de conocer los cargos adicionales. Por ejemplo, tarifas de transacción, tarifas internacionales, cargos internacionales, y así sucesivamente. Si deseas obtener más información sobre Prevjs, puedes ir a este enlace y obtener más información sobre Prevjs.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Cómo Construir Tu Propio Proyecto de Código Abierto
React Advanced Conference 2022React Advanced Conference 2022
16 min
Cómo Construir Tu Propio Proyecto de Código Abierto
Hello my friend, in this talk, I wanna share with you how to build your own open source project. Building an open source software project can be challenging. I receive a lot of things randomly in a day, like thank you messages for making my life easier, which motivates me. To choose an open source project to work on, pick one you use every day. Your software is being used when people report issues and send pull requests.
Lecciones de Mantenimiento de Bibliotecas TypeScript
TypeScript Congress 2022TypeScript Congress 2022
30 min
Lecciones de Mantenimiento de Bibliotecas TypeScript
Top Content
Mark Erickson, a Senior Frontend Engineer at Replay, discusses JavaScript libraries and their support for TypeScript, including migration, versioning, and debugging. He also explores the challenges of supporting multiple TypeScript versions and designing APIs for use with TypeScript. Additionally, he shares advanced Redux type tricks and insights into maintaining a TypeScript library. The poll results reveal the widespread usage of TypeScript among developers, with many gradually migrating their codebases. Lastly, he provides tips for upgrading TypeScript and verifying functionality.