mourner

Whitespace Conventions of Popular JS Libraries

Manually sorted by browsing most starred JS projects on GitHub (client-side only, all the Node crowd uses 2 spaces).

2 spaces

• Backbone
• Underscore
• D3

rafaeljesus

var Promise = require('bluebird');

var funcs = Promise.resolve([500, 100, 400, 200].map((n) => makeWait(n)));

funcs
  .each(iterator)       // logs: 500, 100, 400, 200
  .then(console.log)    // logs: [ [Function], [Function], [Function], [Function] ]

funcs
  .mapSeries(iterator)  // logs: 500, 100, 400, 200

reggi

Glob Up and Running

To test a glob pattern go over to globtester and play around with creating your own file structure online, it's super easy to get started that way.

If you want to test out a glob pattern in the terminal use echo followed by the pattern, for instance.

echo **/*.js

alexilyaev

Import Aliases

In an effort to keep import statements clean and easy to work with, we can use import aliases.

For example (anywhere in the app or src tree):

import { network } from 'lib/network';
import { colors } from 'styles/theme';
import useThrottledEvent from 'hooks/useThrottledEvent';

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/

jed

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 Jed Schmidt <http://jed.is>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

alexilyaev

New Mac Guidelines

Setup

• Install Dropbox
  • Used for syncing configs between several computers
  • Make available offline
    • Finder > Dropbox > Settings
• Install VS Code and VS Code Insiders
• Turn on Settings Sync for VS Code

OliverJAsh

Avoiding CSS overrides in responsive components

I would like to demonstrate some of the benefits of scoped styles over mobile-first CSS with overrides for wider breakpoints. I'll start by explaining the two approaches, before listing the benefits.

Mobile-first with overrides for wider breakpoints

h2 {
  color: black;
 font-size: 2em;