Fork y publicar tu biblioteca personalizada en npm - React Native Wheel Picker
Cuando desarrollamos una nueva característica de nuestro software, tendemos a buscar si hay una biblioteca o framework “similar” disponible en la comunidad para reutilizarla. A nadie le gusta reinventar la rueda, ¿verdad? Sin embargo, la biblioteca que más se ajusta a nuestros requisitos a veces no soporta una característica que necesitas o solo una propiedad personalizada. Puedes abrir un pull request al repositorio original, pero puede tomar tiempo y depende del autor si aprueba tus cambios o no. En ese caso, puedes crear tu propia biblioteca desde la original, lo llamamos proceso “Fork”.
En este post, resumiré brevemente los pasos para publicar una biblioteca en npm, y te contaré sobre una situación que enfrenté al usar la biblioteca React Native Wheel Picker.
Es bastante simple publicar una biblioteca en npm. Solo necesitas hacer los siguientes pasos:
Asegúrate de tener una cuenta de
npm. Ve ahttps://www.npmjs.compara registrar una cuenta si no tienes una.Después, inicia sesión en tu cuenta en tu computadora a través de la línea de comandos
npm login.
Para verificar qué usuario ha iniciado sesión, usa
npm whoami.La biblioteca que uso para mi proyecto soporta un componente
Wheel Picker, pero ha sido deprecada, y no soporta establecer el color del elemento seleccionado en Android. Además, quiero crear mi propia biblioteca para poder agregar más características fácilmente después. Así que decidí hacer fork y personalizar mi propio wheel picker. Para hacer fork de una biblioteca, ve al repositorio de la biblioteca que quieres modificar, luego presiona el botónforken la esquina superior derecha.
Después de hacer fork exitosamente, deberías ver el repositorio en tu dashboard. Luego, clona el código a tu computadora, y agrega tus nuevas características.
En mi caso, necesito agregar una nueva característica que soporte establecer el color para el elemento seleccionado (Consulta este PR)
Cuando termines tu modificación, haz commit de tus cambios.
Actualiza la información del repositorio en el archivo
package.jsonsi es necesario (Autor, versión, descripción, etc.).Finalmente, ejecuta
npm publish --access publicpara entregar tu increíble biblioteca.
Es hora de probar la nueva biblioteca. Si instalas la nueva biblioteca @uynguyen505/react-native-wheel-picker e intentas usarla, deberías ver el resultado como se muestra abajo.
¡Feliz fin de semana!