1 of 15

Github Pages

& NPM

Patricio López J.

2 of 15

Contenidos

  • Cómo hacer una página en Github Pages
  • Cómo funciona npm
    • yarn?
  • Cómo hacer una librería para Node.js
  • Cómo hacer una librería multiplataforma
    • Node.js
    • Browsers
    • React-Native

3 of 15

Github Pages

4 of 15

Github pages

Github es buena onda y permite alojar un sitio web estático desde un repositorio.

Ejemplo para un usuario (sirve también para organizaciones):

5 of 15

¿Por qué es bueno esto?

Todas las aplicaciones que hemos estado haciendo son estáticas y las podríamos dejar montadas en Github.

​

6 of 15

Serve static files

Consumes API

Server with CORS enabled

7 of 15

Serve static files and DNS (as CDN) caches them

Consumes API

Server with CORS enabled

Serve static files

8 of 15

DEMO

Instrucciones detalladas en:

https://pages.github.com

9 of 15

NPM

10 of 15

Ya lo conocemos

Como línea de comandos administra las dependencias locales y globales.

Tiene su propio CDN que distribuye las dependencias. Estas se versionan con tags/releases:

  • 0.0.1
  • 15.0.4
  • 2.0.0-beta1

También presta un servicio pagado para dependencias privadas.

11 of 15

Yarn

12 of 15

Yarn

Administrador de paquetes que funciona sobre npm

npm install -g yarn

Uso

  • yarn init
  • yarn add express
  • yarn start

---

Les dejo la documentación:

https://yarnpkg.com/

​

13 of 15

Módulos NPM

Node.js

14 of 15

// index.js principal

​

// ES5�module.exports function builder(args = {}) {� // ...�}

​

// ES6�export default function builder(args = {}) {� // ...�}

15 of 15

Getting started

Es como hacer un proyecto en Node.js y npm, pero el archivo principal hace como fachada: exporta valores, objetos y funciones.

​

yarn init

echo "module.exports = 'hello world';" >> index.js

​