Jason Miller developit

## material-ui-jsdelivr-cdn.htm
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My page</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
    <script src="https://cdn.jsdelivr.net/combine/npm/react@16.12/umd/react.development.js,npm/react-dom@16.12/umd/react-dom.development.js,npm/@material-ui/core@4.8/umd/material-ui.development.js,npm/@babel/standalone@7.8/babel.min.js" crossorigin="anonymous"></script>

    <!-- Seperate Links
          src: https://github.com/mui-org/material-ui/blob/master/examples/cdn/index.html -->

## index.tsx
import { Component, h } from 'preact';

import ListItem from '../list-item';

export default class List extends Component<{}, { indices: number[] }> {

  state = { indices: [0, 1, 2, 3]  };

  public render() {
    return (

## deferred.js
export class Deferred extends Promise {
  constructor(executor) {
    super( (resolve, reject) => {
      this.resolve = resolve;
      this.reject = reject;
      if (executor) executor(resolve, reject);
    });
  }
}

## autocomplete.js
/**
 * Our component structure will look like the following:
 * - WikiBox
 * -- AutoCompleteBox
 * --- AutoComplete
 */

/** Renders a single entity coming from wikipedia */
class AutoComplete extends React.Component {
    render() {

## warsting.ino
/** Slay and pillage an unprotected network! ...oh, we can't do that?
 *  Ok, let's publish an event instead, to a backdrop of flashing lights
 *  and clashing of metal on metal.
 */
void vanquishOpenNetwork() {
    if (!openNetworkCount || !strongest.rssi) {
        return;
    }

    // allow the system to control the LED so we can see cloud connection progress

## default-transpiler-explainer.js
// Node style module writ in ES6 syntax:
export default foo = () => console.log(‘hi’)

// Unfortunately “literally” transpiles to this:
exports.default = function foo() {
  return console.log(‘hi’)
}

// Which means this will fail:
var foo = require(‘./foo’)
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>My page</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
	<script src="https://cdn.jsdelivr.net/combine/npm/react@16.12/umd/react.development.js,npm/react-dom@16.12/umd/react-dom.development.js,npm/@material-ui/core@4.8/umd/material-ui.development.js,npm/@babel/standalone@7.8/babel.min.js" crossorigin="anonymous"></script>

	<!-- Seperate Links
	src: https://github.com/mui-org/material-ui/blob/master/examples/cdn/index.html -->
	import { Component, h } from 'preact';

	import ListItem from '../list-item';

	export default class List extends Component<{}, { indices: number[] }> {

	state = { indices: [0, 1, 2, 3] };

	public render() {
	return (
	export class Deferred extends Promise {
	constructor(executor) {
	super( (resolve, reject) => {
	this.resolve = resolve;
	this.reject = reject;
	if (executor) executor(resolve, reject);
	});
	}
	}
	/**
	* Our component structure will look like the following:
	* - WikiBox
	* -- AutoCompleteBox
	* --- AutoComplete
	*/

	/** Renders a single entity coming from wikipedia */
	class AutoComplete extends React.Component {
	render() {
	/** Slay and pillage an unprotected network! ...oh, we can't do that?
	* Ok, let's publish an event instead, to a backdrop of flashing lights
	* and clashing of metal on metal.
	*/
	void vanquishOpenNetwork() {
	if (!openNetworkCount \|\| !strongest.rssi) {
	return;
	}

	// allow the system to control the LED so we can see cloud connection progress
	// Node style module writ in ES6 syntax:
	export default foo = () => console.log(‘hi’)

	// Unfortunately “literally” transpiles to this:
	exports.default = function foo() {
	return console.log(‘hi’)
	}

	// Which means this will fail:
	var foo = require(‘./foo’)