ricardocanelas

const isTouchDevice = () => {
  const prefixes = ['', '-webkit-', '-moz-', '-o-', '-ms-', ''];
  const mq = query => window.matchMedia(query).matches;

  if (
    'ontouchstart' in window ||
    (window.DocumentTouch && document instanceof 'DocumentTouch')
  ) {
    return true;
  }

ricardocanelas

Reference

Meta Sequences:

• . (a dot) It denotes “any character except a newline”

Quantifiers:

• + to the match one character after another.
• ? is a quantifier by itself (zero or one), but if added after another quantifier (or even itself) it gets another meaning – it switches the matching mode from greedy --> to --> lazy.

ricardocanelas

function draggable({ dragElem, zoneElemBefore }) {
    const $dragElem = document.querySelector(dragElem)
    const $zoneElem = $dragElem.closest(zoneElemBefore)
    const margin = 10

    $dragElem.onmousedown = function (event) {
        if (event.target.tagName === "TEXTAREA") return;
        event.preventDefault();

        let shiftY = event.clientY - $dragElem.getBoundingClientRect().top;

ricardocanelas

// https://codesandbox.io/s/promisemap-o7f7n

const getData = id =>
  new Promise((res, rej) => {
    setTimeout(() => {
      const data = { id, uid: (Math.random() * 100).toFixed(2) };
      console.log("data", data);
      res(data);
    }, 100);
  });

ricardocanelas

// Place your settings in this file to overwrite the default settings
{
    "workbench.colorTheme": "Visual Studio Light",
    "editor.minimap.enabled": false,
    "explorer.confirmDragAndDrop": false,
    "files.autoSave": "off",
    "window.zoomLevel": 0,
    "files.encoding": "utf8",
    "editor.tabSize": 2,
    "files.trimTrailingWhitespace": true,

ricardocanelas

• getPrevNext();
• register_post_type

ricardocanelas

package.json

"devDependencies": {
    "enzyme": "^3.3.0",
    "enzyme-adapter-react-16": "^1.1.1",
    "jest-fetch-mock": "^1.4.2",
    "sinon": "^4.4.2",
    "source-map-explorer": "^1.5.0"

ricardocanelas

<?php // app/Http/kernel.php

namespace App\Http;

use Illuminate\Foundation\Http\Kernel as HttpKernel;

class Kernel extends HttpKernel
{
    //...
    protected $middlewareGroups = [

ricardocanelas

Here will be my notes about React

Artigos interessante

Carrers

• 5 Things that Suck About Remote Work

React

ricardocanelas

WEBPACK

SOLUTIONS

import .min files

LOADERS