matthewblewitt

Directives

• v-bind/:: Pass data from vue instance to html
• v-on/@: Listen for DOM events e.g. v-on:click="doSomething"
• v-once: Only render once
• v-html: Output raw html

We cannot use {{}} syntax inside a html element, use a directive instead e.g:

<a v-bind:href="link">My Link</a>

matthewblewitt

// Test

matthewblewitt

const obj = {
  prop: 'val'
};
const clone = JSON.parse(JSON.stringify(obj));

matthewblewitt

{
    "version": "0.2.0",
    "configurations": [
      {
        "type": "node",
        "request": "attach",
        "name": "Attach to Docker",
        "port": 5100,
        "address": "localhost",
        "restart": true,

matthewblewitt

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const fibonacci = [0, 1, 1, 2, 3, 5, 8, 13];

const duplicates = numbers.filter(number => fibonacci.indexOf(number) !== -1);

console.log(duplicates); // [1, 2, 3, 5, 8]

matthewblewitt

const thing = (obj && obj.thing && obj.thing.stuff) || '';

matthewblewitt

1. Always use latest npm via npm install -g npm@latest
2. Make distinction between dependencies and devDependencies
3. Use reproducible builds via npm ci (requires lockfiles on all projects)
4. Exclude devDependencies from production builds using npm ci --production
5. Regularly review npm audit reports and make production issues a release blocker

matthewblewitt

var delay = (seconds) => new Promise((resolves) => {
    setTimeout(function(){
      console.log(seconds);
      resolves();
    }, seconds*1000);
});

var tasks = [
  delay(2),
  delay(4),

matthewblewitt

CREATE DATABASE app;
USE app;

CREATE TABLE users (
    id int,
    last_name varchar(255),
    first_name varchar(255)
);

matthewblewitt

const fs = require('fs')
const util = require('util')
const readFile = util.promisify(fs.readFile)

readFile('./test/test.md', 'utf8')
  .then(text => {
    console.log(text)
  })
  .catch(err => {
    console.log('Error', err)