gabmontes

Express y plantillas

Express nos brinda la posibilidad de utilizar plantillas para servir el contenido HTML de nuestros sitios web. Para ello existe un mecanismo mediante el cual se configura la instancia de Express que estemos utilizando para utilizar un motor de plantillas determinado. Este motor realizará la tarea de, partiendo de una plantilla HTML y un objeto de configuración/contenido, generar el HTML que será servido a los clientes.

Dentro de los motores de plantillas más conocidos se encuentran:

• Jade es el más popular y tiene una sintaxis muy limpia para escribir las plantillas
• EJS utiliza un esquema muy similar a ASP para definir las plantillas

Jade

gabmontes

var async = require('async');
var GitHubApi = require('github');

var github = new GitHubApi({
  version: '3.0.0',
  protocol: 'https'
});

github.authenticate({
  type: 'basic',

gabmontes

var async = require('async');
var GitHubApi = require('github');

var github = new GitHubApi({
  version: '3.0.0',
  protocol: 'https'
});

github.authenticate({
  type: 'basic',

gabmontes

const config = {
  client: 'pg',
  connection: {
    host     : 'localhost',
    port     : 5432,
    user     : 'user',
    password : 'pass',
    database : 'test'
  }
}

gabmontes

const config = {
  client: 'pg',
  connection: {
    host:     'localhost',
    port:     5432,
    user:     'user',
    password: 'pass',
    database: 'test'
  },
  debug: false

gabmontes

Presets to transforms

Data as of 18-oct-2016

| es2015 | es2016 | es2017 | latest | latest-minimal(*) | stage-3 | stage-2 | stage-1 | stage-0 --- |:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---: check-es2015-constants | x | | | x | x | | | | syntax-dynamic-import | | | | | | | x | | syntax-trailing-function-commas | | | x | x | x | x | | | transform-async-generator-functions | | | | | | x | | |

gabmontes

/**
 * not-jquery
 *
 * A partial (re)implementation of jQuery API as a polyfill for learning and
 * teaching purposes.
 *
 * https://gist.github.com/gabmontes/535a7b3b059b2a301a55b43e90ee0101
 */

// eslint-disable-next-line no-extra-semi

gabmontes

const GitHubApi = require('@octokit/rest');

function pick(props) {
  return function (object) {
    const result = {}
    Object.keys(object).filter(prop => props.includes(prop)).forEach(function (prop) {
      result[prop] = object[prop]
    })
    return result
  }

gabmontes

/**
 * not-react
 *
 * A minimal (re)implementation of ReactDOM for learning and teaching purposes.
 *
 * https://medium.com/@gab_montes/react-in-200-bytes-28156e714165
 */

// eslint-disable-next-line no-extra-semi
;(function (global) {

gabmontes

const { Insight } = require('bitcore-explorers')
const promisify = require('tiny-promisify')

const addresses = [
  /* bitcoin addresses here! */
]

const insight = new Insight()
const getUnspentUtxosAsync = promisify(insight.getUnspentUtxos.bind(insight))