Diky Arga dikyarga

ES Modules are terrible, actually

This post was adapted from an earlier Twitter thread.

It's incredible how many collective developer hours have been wasted on pushing through the turd that is ES Modules (often mistakenly called "ES6 Modules"). Causing a big ecosystem divide and massive tooling support issues, for... well, no reason, really. There are no actual advantages to it. At all.

It looks shiny and new and some libraries use it in their documentation without any explanation, so people assume that it's the new thing that must be used. And then I end up having to explain to them why, unlike CommonJS, it doesn't actually work everywhere yet, and may never do so. For example, you can't import ESM modules from a CommonJS file! (Update: I've released a module that works around this issue.)

And then there's Rollup, which apparently requires ESM to be u

Migrations & Seeding

What are migrations??

Migrations are a way to make database changes or updates, like creating or dropping tables, as well as updating a table with new columns with constraints via generated scripts. We can build these scripts via the command line using knex command line tool.

To learn more about migrations, check out this article on the different types of database migrations!

Creating/Dropping Tables

This is side-document providing details for some highlighted changes in 2.5.0. For a full list of changes, see the full release note.

Error Handling with errorCaptured Hook
Functional Component Support in SFCs
Environment Agnostic SSR
v-on Automatic Key Modifiers
v-on .exact Modifier
Simplified Scoped Slots Usage
Inject with Default Values
Internals change for nextTick

S3 Static Sites

⚠ This post is fairly old. I don't keep it up to date. Be sure to see comments where some people have posted updates

What this will cover

Host a static website at S3
Redirect www.website.com to website.com
Website can be an SPA (requiring all requests to return index.html)
Free AWS SSL certs
Deployment with CDN invalidation

Eric Elliott's "Master the JavaScript Interview" Series

A collection of links to the "Master the JavaScript Interview" series of medium stories by Eric Elliott.

Not part of the series but a good grounding.

Master the JavaScript Interview

Not all random values are created equal - for security-related code, you need a specific kind of random value.

A summary of this article, if you don't want to read the entire thing:

Don't use Math.random(). There are extremely few cases where Math.random() is the right answer. Don't use it, unless you've read this entire article, and determined that it's necessary for your case.
Don't use crypto.getRandomBytes directly. While it's a CSPRNG, it's easy to bias the result when 'transforming' it, such that the output becomes more predictable.
If you want to generate random tokens or API keys: Use uuid, specifically the uuid.v4() method. Avoid node-uuid - it's not the same package, and doesn't produce reliably secure random values.
If you want to generate random numbers in a range: Use random-number-csprng.

You should seriously consider reading the entire article, though - it's

	version: '3.1'
	services:
	reverse-proxy:
	image: traefik # The official Traefik docker image
	command: --api --docker # Enables the web UI and tells Traefik to listen to docker
	ports:
	- "80:80" # The HTTP port
	- "8080:8080" # The Web UI (enabled by --api)
	volumes:
	- /var/run/docker.sock:/var/run/docker.sock # So that Traefik can listen to the Docker events

	//Apollo client config to set up the token based on the token in the store. Has to be done this way because apollo uses middleware.

	import { ApolloLink } from "apollo-link";
	import { HttpLink } from "apollo-link-http";
	import { InMemoryCache } from "apollo-cache-inmemory";

	export default ctx => {
	// console.log('apollo init', ctx)
	const uri = process.server ? "http://localhost:5000/graphql" : "/graphql";
	const httpLink = new HttpLink({ uri });

	const waitFor = (ms) => new Promise(r => setTimeout(r, ms))
	const asyncForEach = async (array, callback) => {
	for (let index = 0; index < array.length; index++) {
	await callback(array[index], index, array)
	}
	}

	const start = async () => {
	await asyncForEach([1, 2, 3], async (num) => {
	await waitFor(50)

	#!/bin/bash

	#
	# Author: SuperPaintman <[email protected]>
	#

	###
	# Constants
	###
	RETVAL=0