Colin Eberhardt ColinEberhardt

## .block
license: mit

## gist:2db8e0f6a3af35293f5d3f26cacc5687
Expanding on the sentiments of this tweet: https://twitter.com/ColinEberhardt/status/1048099572537548800

"I honestly think web development is getting harder. We have some amazing and innovative tools / frameworks, but
their loosely-coupled nature results in fragility. And when things go wrong, you need a surprising depth of
knowledge to resolve the issue."

Here's a a list of things that went wrong, or were more difficult than I might have anticipated over a short
2 hour period ... when creating a new web project

1. Dependencies that were not on npm

## .block
license: mit

## .block
license: mit

## .block
license: mit

## gist:0ab739f18576e6e90ce784a765c26b75
const fs = require("fs");
const { parse } = require("@webassemblyjs/wast-parser");
const { print } = require("@webassemblyjs/wast-printer");
const identifiedToIndex = require("@webassemblyjs/ast/lib/transform/wast-identifier-to-index/index");
const t = require("@webassemblyjs/ast");
const traverse = t.traverse;

const insert = (a1, a2, index) => [
  ...a1.slice(0, index),
  ...a2,

## .block
license: mit

## .block
license: mit

## .block
license: mit

## .block
license: mit
	Expanding on the sentiments of this tweet: https://twitter.com/ColinEberhardt/status/1048099572537548800

	"I honestly think web development is getting harder. We have some amazing and innovative tools / frameworks, but
	their loosely-coupled nature results in fragility. And when things go wrong, you need a surprising depth of
	knowledge to resolve the issue."

	Here's a a list of things that went wrong, or were more difficult than I might have anticipated over a short
	2 hour period ... when creating a new web project

	1. Dependencies that were not on npm
	const fs = require("fs");
	const { parse } = require("@webassemblyjs/wast-parser");
	const { print } = require("@webassemblyjs/wast-printer");
	const identifiedToIndex = require("@webassemblyjs/ast/lib/transform/wast-identifier-to-index/index");
	const t = require("@webassemblyjs/ast");
	const traverse = t.traverse;

	const insert = (a1, a2, index) => [
	...a1.slice(0, index),
	...a2,