Tom Byrer tomByrer

## minimal-analytics-snippet.js
(function (context, trackingId, options) {
    const history = context.history;
    const doc = document;
    const nav = navigator || {};
    const storage = localStorage;
    const encode = encodeURIComponent;
    const pushState = history.pushState;
    const typeException = 'exception';
    const generateId = () => Math.random().toString(36);
    const getId = () => {

## readme.md

      
              1 file
            
          
              7 forks
            
          
              250 comments
            
          
              271 stars
            
          
                dominictarr
                / readme.md
            
            
              Created
              November 26, 2018 22:39
            
              
                statement on event-stream compromise
              
          
    Hey everyone - this is not just a one off thing, there are likely to be many other modules in your dependency trees that are now a burden to their authors. I didn't create this code for altruistic motivations, I created it for fun. I was learning, and learning is fun. I gave it away because it was easy to do so, and because sharing helps learning too. I think most of the small modules on npm were created for reasons like this. However, that was a long time ago. I've since moved on from this module and moved on from that thing too and in the process of moving on from that as well. I've written way better modules than this, the internet just hasn't fully caught up.
@broros

otherwise why would he hand over a popular package to a stranger?

If it's not fun anymore, you get literally nothing from maintaining a popular package.
One time, I was working as a dishwasher in a restu

  
## transaction.js
/**
 * @description
 * Returns a transaction object which is composed of operations.
 * The transaction resolves only when all operations it is made of succeed.
 * If any operation fails, it reverts ALL operations and rejects the transaction.
 * If any of the reverts also fail, then it rejects the transaction as well
 * with an error that can help the developer manually make data consistent.
 *
 * @param {function} transaction - A function that builds operations and calls run on them
 *

## *suspense-loader.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              11 stars
            
          
                developit
                / *suspense-loader.md
            
            
              Last active
              March 10, 2021 14:38
            
          
    suspense-loader

Installation (sorry)

npm i THIS_URL

Usage


## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              4 stars
            
          
                kentcdodds
                / README.md
            
            
              Created
              July 26, 2018 13:08
            
          
    This will log the currently active element as it changes. Really great for accessibility testing when you're trying to figure out what element has focus (so you can either prevent it from getting focus or make the fact that it has focus more visually obvious for example).

  
## webdev_online_resources.md

      
              1 file
            
          
              1001 forks
            
          
              218 comments
            
          
              1952 stars
            
          
                bradtraversy
                / webdev_online_resources.md
            
            
              Last active
              May 3, 2024 12:56
            
              
                Online Resources For Web Developers (No Downloading)
              
          
    GENERATORS:


Text Content Generator - http://www.lipsum.com
Favicon Generator - http://tools.dynamicdrive.com/favicon
Data Generator - https://mockaroo.com/
Mobile Mockup Generator - https://mockuphone.com
Logo Generator - https://www.logaster.com
UUID Generator - https://www.uuidgenerator.net/
Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
Ultimate Code Generator - https://webcode.tools/


## Gatsby-bootstrap-lifecycle.md

      
              1 file
            
          
              17 forks
            
          
              0 comments
            
          
              107 stars
            
          
                swyxio
                / Gatsby-bootstrap-lifecycle.md
            
            
              Last active
              April 1, 2022 11:19
            
              
                Gatsby bootstrap lifecycle
              
          
    Sequence of Gatsby's bootstrap lifecycle with links to source code as of v2.0.0

permalink https://github.com/gatsbyjs/gatsby/blob/ffd8b2d691c995c760fe380769852bcdb26a2278/packages/gatsby/src/bootstrap/index.js


open and validate gatsby-config (get-config-file.js)
1.5 load themes (swyx added this note July 2019)
load plugins (load-plugins/index.js) from the list given in gatsby-config.js
onPreBootstrap: runs onPreBootstrap if it is implemented in any plugins, for example gatsby-plugin-typography. Receives handy [apiCallArgs](https://github.com/gatsbyjs/gatsby/blob/ffd8b2d691c9


## package.json
{
  "name": "tsquickstart",
  "version": "1.0.0",
  "description": "Boilerplate for quick one-off TypeScript projects. Just run `npm start`",
  "scripts": {
    "init": "test -f tsconfig.json || (tsc --init -t ESNext -m ESNext && npm install)",
    "start": "npm run init && concurrently \"npm run watch\" \"npm run serve\"",
    "serve": "http-server",
    "watch": "tsc -p . --watch",
    "build": "tsc -p ."

## react-bootcamp-1.html
<!DOCTYPE html>
<html>
<head>
  <title>React</title>
  <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
</head>
<body>
  <div id='app'></div>
  <script>

## class-fields.js
// Use class fields!
// https://github.com/tc39/proposal-class-fields

// Here's what you might be doing today...
class A extends B {
  constructor(...args) {
    super(...args)
    this.foo = 'bar'
    this.foobar = `${this.foo}bar`
  }
	(function (context, trackingId, options) {
	const history = context.history;
	const doc = document;
	const nav = navigator \|\| {};
	const storage = localStorage;
	const encode = encodeURIComponent;
	const pushState = history.pushState;
	const typeException = 'exception';
	const generateId = () => Math.random().toString(36);
	const getId = () => {
	/**
	* @description
	* Returns a transaction object which is composed of operations.
	* The transaction resolves only when all operations it is made of succeed.
	* If any operation fails, it reverts ALL operations and rejects the transaction.
	* If any of the reverts also fail, then it rejects the transaction as well
	* with an error that can help the developer manually make data consistent.
	*
	* @param {function} transaction - A function that builds operations and calls run on them
	*
	{
	"name": "tsquickstart",
	"version": "1.0.0",
	"description": "Boilerplate for quick one-off TypeScript projects. Just run `npm start`",
	"scripts": {
	"init": "test -f tsconfig.json \|\| (tsc --init -t ESNext -m ESNext && npm install)",
	"start": "npm run init && concurrently \"npm run watch\" \"npm run serve\"",
	"serve": "http-server",
	"watch": "tsc -p . --watch",
	"build": "tsc -p ."
	<!DOCTYPE html>
	<html>
	<head>
	<title>React</title>
	<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
	<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
	</head>
	<body>
	<div id='app'></div>
	<script>
	// Use class fields!
	// https://github.com/tc39/proposal-class-fields

	// Here's what you might be doing today...
	class A extends B {
	constructor(...args) {
	super(...args)
	this.foo = 'bar'
	this.foobar = `${this.foo}bar`
	}