sveggiani

const source = {
  data: {
    bottomBanner: {
      title: "The title",
      link: {
        text: "Link title",
        url: "http://google.com/example"
    	}
    }
  }

sveggiani

DJ

1. Concepts

1.1. Cue

Differences between Hot Cues and Memory Cues

• Memory Cues: cannot be set on the fly and are always sequential. Requires the track to be paused and to mark it with the Cue button. Can be saved with an active loop (rekordbox). Useful when the exit in a song is very short, you could set a Memory Cue with an active loop and keep the track looping.
• Hot Cues: can be set on the fly and in any order (non sequential). They allow to keep the song playing after jumping to them (depending on the configuration)

sveggiani

Instructions for Visual Studio Code

1. Be sure you run yarn install to intall any needed dependency.
2. Install extension: https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint
3. Set "prettier.stylelintIntegration": true in general or Workspace settings.
4. Set "editor.formatOnSave": true, in general or Workspace settings.

sveggiani

Configure XDebug, Visual Studio Code for a Vagrant VM

1. Assumptions

• Project (Drupal) is served on /var/www/html in the Vagrant box
• Local project files location: c:\Users\username\Work\projects\my-project\repo\html
• Guest machine IP is 10.0.2.2 (if this doesn't work, run route -nee in the VM and look for the gateway address)

2. Configuration

sveggiani

Javascript - Study notes

1. Concepts

1.1. Event Delegation

An event listener is added to a parent element instead of on its descendants. As child events bubbles up DOM the event is triggered. This allows less memory usage and having to handle events after removing or adding descendants.

1.1.1. Event Bubbling

sveggiani

var path              = require('path'),
    webpack           = require('webpack'),
    HtmlWebpackPlugin = require('html-webpack-plugin'),
    OpenBrowserPlugin = require('open-browser-webpack-plugin'),
    ExtractTextPlugin = require('extract-text-webpack-plugin'),
    precss            = require('precss'),
    autoprefixer      = require('autoprefixer'),
    DashboardPlugin   = require('webpack-dashboard/plugin');
    mockMode          = false;

sveggiani

React - My favorite resources

Tutorials I've done

1. https://facebook.github.io/react/docs/tutorial.html
2. https://css-tricks.com/learning-react-router/
3. https://css-tricks.com/learning-react-container-components/
4. https://css-tricks.com/learning-react-redux/

Tutorials to do

sveggiani

Drupal RESTful Webservices API

Características

• Emplea HAL para la descripción de contenidos: https://dzone.com/articles/introduction-hypertext-0
• Tiene Basic HTTP Auth y Cookie Authentication
• Por defecto, permite operaciones: GET (lectura), POST (creación), PATCH (actualizar), y DELETE (borrar).

Implementación

sveggiani

[
    /* Default fixes and customizations
    -----------------------------------------------------------------------------
    use "sublime.log_input(True)" in console to inspect key codes
    use "sublime.log_commands(True)" in console to inspect triggered commands
    */

    // Alternative to open ST console
    { "keys": ["f8"], "command": "show_panel", "args": {"panel": "console"} },
    // Fixes for spanish keyboards

sveggiani

git diff-tree --no-commit-id --name-only -r [commit hash]

#or

git show --pretty="format:" --name-only [commit hash]