renarsvilnis

Curated list of useful gulp plugins for awesome and easy frontend web development.

Other lists

• https://rrrepo.co/repo/GulpJS

Tutorials

• http://denbuzze.com/post/5-lessons-learned-using-gulpjs/
• http://markgoodyear.com/2014/01/getting-started-with-gulp/
• http://lab.brightnorth.co.uk/2014/08/13/automating-linkage-how-i-learned-to-stop-worrying-and-love-the-build/
• http://blog.overzealous.com/post/74121048393/why-you-shouldnt-create-a-gulp-plugin-or-how-to

renarsvilnis

alert('Hello world!');

renarsvilnis

---

DEV SERVER SETUP

---

A reference for setting up Linux/Ubuntu server for LAMP, Node.js laboratory.

May be helpful for others, hence this git. If it contains errors, please push them.

This assumes

renarsvilnis

 function parseVimeoUrl(url) {
  const regExp = /(?:https?:\/\/(?:www\.)?)?vimeo.com\/(?:channels\/|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|)(\d+)(?:$|\/|\?)/;
  const match = url.match(regExp);
  return match ? match[3] : false;
}

renarsvilnis

Keybase proof

I hereby claim:

• I am renarsvilnis on github.
• I am renarsvilnis (https://keybase.io/renarsvilnis) on keybase.
• I have a public key ASCqW6nmRyxAuawicthyZFzwvp-FVybO76yYRTzLcdfr7go

To claim this, I am signing this object:

renarsvilnis

// ...
function loggingMiddleware (req, res, next) {
  const id = genReqId(req)
  req.log = res.log = logger.child({reqId: id})
  req.log[useLevel]({req}, 'Recieved request')
  res[startTime] = res[startTime] || Date.now()

  if (!req.res) { req.res = res }

  res.on('finish', onResFinished)

renarsvilnis

function parseYoutubeUrl(url) {
  var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/,
    match = url.match(regExp);

  return match && match[7].length == 11 ? match[7] : false;
}

renarsvilnis

export function calcFitDimensions (target, boundries, upscale = false) {
  if (!target.width || !target.height || !boundries.width || !boundries.height) {
    return calcCenterPosition(target, boundries);
  }

  let imgRatio = target.width / target.height;
  let newWidth;
  let newHeight;

  // if image is horizontal

renarsvilnis

import {PureComponent, PropTypes} from 'react';

export default class DelayMount extends PureComponent {
  static propTypes = {
    render: PropTypes.bool.isRequired,
    children: PropTypes.any,
    transitionEnterDelay: PropTypes.number.isRequired,
    transitionLeaveTimeout: PropTypes.number.isRequired
  }

renarsvilnis

/**
 * ES6 way of removing nth array element in an immutable way
 * @param  [Array] arr
 * @param  [number] i
 * @return [Array]
 */
function removeNthEl (arr, i) {
  return [
    ...arr.slice(0, i),
    ...arr.slice(i + 1)