3

Un skeleton para nuestras aplicaciones desarrolladas con Javascript

Bulmaro
Bulmaro
22165

Hola compañeros,

Les comparto un repositorio que pueden usar a manera de plantilla para sus aplicaciones en javascript.

El archivo package.json es el punto de entrada de las aplicaciones JavaScript. En él tendremos los scripts para levantar nuestra app, hacer el build, ejecutar los tests, etc. También quedarán registradas las dependencias de nuestra aplicación. De todo esto se encarga npm, Node Package Manager, que se nos instalará junto a Node.

Si empezamos una aplicación de 0, podemos crear el archivo con npm init. Nos hará una serie de preguntas, normalmente si estamos desarrollando una aplicación propia y no un package de npm, nos puede ser más rápido usar npm init -y para crearlo directamente con las opciones por defecto.

También en el caso de una app propia, nos interesará añadir “private”: true para evitar publicarla accidentalmente en el registry de npm.

Tienes todas las opciones de configuración del package.json en la documentación de npm.

Si tenemos nuestro proyecto en GitHub podemos mantener nuestras dependencias actualizadas activando Dependabot en la configuración de nuestro repositorio.

Este repositorio starter para aplicaciones vanilla JS cuenta con lo mínimo para tener una experiencia de desarrollo agradable:

Webpack (v5) para procesar nuestros archivos JavaScript y assets
Babel con preset-env para dar soporte a navegadores antiguos (puedes editar la lista en el package.json)
ESLint con Prettier
Jest con DOM Testing Library para tests unitarios
Cypress con Testing Library para tests de aceptación
GitHub Action workflows para ejecutar eslint y tests en cada push

Descarguen el repositorio acá -> javascript skeleton

Escribe tu comentario
+ 2