Ahhh!!! La Web: ese hermoso mundo donde hasta chatear con una inteligencia artificial es interesante. Este pequeño proyecto fue una mezcla de autodescubrimiento, malos entendidos, formateo de ESLINT, un par de robo de imágenes y litros de café (aunque el café este clishado) Sin más preámbulos, empecemos.
- Instalación
- Tecnologías usadas
- Créditos
- Licencia
Lo primero es clonar o si quieres hacer fork al repositorio. Es importante que entiendas que por el .gitignore no habrá ningún node_modules incluido. Por ende, tienes dos alternativas:
- Editar el repositorio:
- Si deseas editarlo/correrlo debes de clonar el repositorio, y luego correr la siguiente línea de código:
npm install
en la carpeta donde se encuentre el package.json. Es de suma importancia que sea en esa carpeta o de lo contrario no podrás corerrlo.
- Si deseas editarlo/correrlo debes de clonar el repositorio, y luego correr la siguiente línea de código:
- Correrlo desde un servidor:
- Puedes ver el resultado final (usando webpack yujuuu!!!) entrando al siguiente link: http://msdeus.site/17584/Proyecto1/index.html
Una vez clonado el repo puedes editarlo, o intentar corromperlo. !Diviertete!
- React: la biblioteca de javascript por excelencia para interfaces de usuario interacticas. Puedes obtener documentación y ayuda acá: https://es.reactjs.org/
- Webpack: Seamos honestos, a través de los últimos 40 años, se han cometido ATROCIDADES en los navegadores y es interesante que a pesar de todo eso, sigamos comentiendo errores como la compatibilidad. Webpack se encarga de empaquetar (LOL) el código y generar un dist con un index.html y un index.js para que los browsers lo soporten. Mas información acá: https://webpack.js.org/
- Babel: No hay nada que comentar, además es una referenciona bíblica: https://babeljs.io/
- Eslint: Si se desea ser ordenado, se deben seguir ciertos estándares para poder hacer el código mejor y entendible. ESLISNT (junto con otros similares) se encarga de hacer lo que tanto odiamos: escribir bien. Al menos a nivel de sintaxis. https://eslint.org/
- SASS: A pesar de las maravillas que se pueden hacer con css puro, es interesante notar que se necesitan algunas cosas extras. SASS es la extensión de css más estable y rica del mundo. Let's make pretty things. Más info acá: https://sass-lang.com/
A CUALQUIERA QUE ME HAYA AYUDADO, MIL GRACIAS
Este proyecto está bajo la Licencia mia. Sientete libre de revisarlo si eres el auxiliar, o Dennis.