alexilyaev

'use strict';

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

const licensesWeAreOKWith = `
  MIT,
  MIT*,

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

ESLint with Prettier Setup

Basically, when using Prettier, all ESLint styling rules should be disabled.
This can be done with eslint-config-prettier.

See .eslintrc.js example below.
In prettier.config.js you can use anything you want (see example below).

Now the tricky part is how to run them...
Usually ESLint should run first, then Prettier.

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

#!/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

eslint-plugin-unicorn v19.0.0 added unicorn/no-null by default.

The reasoning behind it:
Intent to stop using null in my JS code
Some good Pros/Cons summary from that thread:
sindresorhus/meta#7 (comment)

Important Note

The rule only restricts using null as explicit values for variables or function arguments.

alexilyaev

Moment.js is deprecated and date-fns issues

Synopsis

Moment.js is now considered a legacy project (see Moment.js Project Status).
Here's a comparison between the alternatives:

• https://github.com/you-dont-need/You-Dont-Need-Momentjs
• https://blog.logrocket.com/4-alternatives-to-moment-js-for-internationalizing-dates/

alexilyaev

Must

• https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
• https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
• https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components

Recommended

• https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
• https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

alexilyaev

{
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

alexilyaev

React Folder Structure Ideas

Suggested structure

components/
  NavBar/
    BrandLogo.jsx
    NavBar.jsx
 NavBar.text.jsx