alexilyaev

trailingComma: es5 (default)

https://prettier.io/docs/en/options.html#trailing-commas

When set to none...

• Often forgetting to add a comma when adding entries to an Object.
• Commenting a property in an object currently removes the comma from the property above it.
• Moving the last property of an object up requires an extra step to add a comma at the end.
• Messes up Git diff and sometimes creates conflicts.

alexilyaev

#!/usr/bin/env bash

# References:
# https://docs.travis-ci.com/user/environment-variables
#
# Inspired by:
# https://gist.github.com/willprice/e07efd73fb7f13f917ea
# But using SSH keys instead of Personal Access Token:
# https://gist.github.com/alexilyaev/2672fe6d99756377fbffaabad6db1f45

alexilyaev

The blog post on Next.js 9.3

export async getStaticProps

• Runs at build time only, meaning if there’s no getInitialProps, the page will be served as a static file (no SSR).
• Can pass data to the page component as props.
• In development runs on every request

export async getStaticPaths

alexilyaev

/**
 * Convert a time string to a decimal value
 *
 * @param {string} argv e.g. 142h13m, 142 h 13 min
 */
function run(argv) {
  const query = argv[0];

  const [, hours, minutes] = query.match(/\s*(?:(\d+)\s*h)?\s*(?:(\d+)\s*m)?/)
  let decimal = 0;

alexilyaev

'use strict';

const _       = require('lodash');
const winston = require('winston');
const checker = require('license-checker');
const chalk   = require('chalk');

const licensesWeAreOKWith = `
  MIT,
  MIT*,

alexilyaev

Canvas - Ping Pong

Just playing with Canvas

A Pen by Alex Ilyaev on CodePen.

License.

alexilyaev

<svg width="500" height="300" viewBox="0 0 500 300">
  <!-- Define components -->
  <defs>
    <g id="tape">
      <rect width="450" height="200" fill="#222"
            stroke="#aaa" stroke-width="5"/>
    </g>
    
    <g id="wheel">
      <circle cx="50" cy="50" r="50"

alexilyaev

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 16,

    // font family with optional fallbacks
    fontFamily: '"Fira Code", Monaco, Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248, 28, 229, 0.8)',

alexilyaev

module.exports = function (grunt) {
	'use strict';

	var port = grunt.option('port') || 9001,
		lrPort = grunt.option('lr-port') || 35731,
		hostname = 'localhost',
		baseFolder = '.';

	// Display the elapsed execution time of grunt tasks
	require('time-grunt')(grunt);

alexilyaev

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).