{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/mi-primer-paquete-npm","result":{"data":{"markdownRemark":{"id":"c1491335-8f33-515b-bd9d-9f1f04300aeb","html":"<p>Hace unos días, después de pasar un buen rato programando y corrigiendo algunos errores que cometí en el camino, ¡finalmente publiqué mi primer paquete NPM!</p>\n<p>Mi pequeña creación se llama <code class=\"language-text\">react-rut-formatter</code> y básicamente implementa un <em>hook</em> que se encarga de darle formato a un número de RUT (Rol Único Tributario) o RUN (Rol Único Nacional), que son utilizados en Chile como números de identidad para fines personales o tributarios. Todo con el encanto de TypeScript incorporado, pues considero que hace mucho más placentero y predecible trabajar con JavaScript.</p>\n<p>Por lo general un número de RUT se escribe de la forma XX.XXX.XXX-X, donde el último carácter es un dígito de control (llamado acá <em>dígito verificador</em>), que se calcula a partir de los demás números que lo anteceden. No es una operación muy compleja calcular aquel dígito ni darle formato (con separadores de miles y todo), pero encuentro que nunca estaría de más tener una librería a mano para que, a medida que un usuario escribe uno en un formulario, el número vaya siendo formateado automáticamente, algo muy habitual en ciertas aplicaciones web chilenas (que necesitan un RUT o RUN para identificar a sus usuarios).</p>\n<p><img src=\"/8e802e451b723b683b40b04c15f7a1df/react-rut-formatter-demo.gif\" alt=\"Demostración de react-rut-formatter\"></p>\n<p align=\"center\">Demostración de `react-rut-formatter`</p>\n<p>El repositorio con el código está disponible en <a href=\"https://github.com/jorgejarai/react-rut-formatter\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">GitHub</a> y debería estar utilizable. Sin embargo, acepto cualquier comentario o problema en la sección de <em>Issues</em>, pues es la primera vez que subo código que espero que más gente pueda utilizar y la experiencia manejando <em>bugs</em> nunca está de más. También está publicado en <a href=\"https://www.npmjs.com/package/react-rut-formatter\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">NPM</a> y puede ser instalado utilizando su gestor de paquetes de preferencia (ya sea <code class=\"language-text\">yarn</code> o <code class=\"language-text\">npm</code>).</p>\n<p>Pueden encontrar una demostración del paquete <a href=\"https://codesandbox.io/s/react-rut-formatter-demo-f8570\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">aquí</a>, por si les interesa verlo funcionando.</p>","fields":{"slug":"/posts/mi-primer-paquete-npm","tagSlugs":["/tag/programming/","/tag/java-script/","/tag/type-script/","/tag/node-js/","/tag/react/","/tag/espanol/"]},"frontmatter":{"date":"2021-04-27T14:53:00Z","description":"Explicando un poco sobre mi primer paquete NPM.","tags":["Programming","JavaScript","TypeScript","NodeJS","React","Español"],"title":"[ES] Mi primer paquete en NPM","socialImage":{"publicURL":"/static/f463ff7592afdee2e8660e64fb228e0c/photo.jpg"}}}},"pageContext":{"slug":"/posts/mi-primer-paquete-npm"}},"staticQueryHashes":["251939775","3991641674","401334301"]}