Mark Fox mfdj

Goal

Using React JSX directly in native web platform source files (html, js) bypassing the need to build/compile.

Key references

https://peterkellner.net/2024/05/10/running-react-19-from-a-cdn-and-using-esm.sh/

got me going in a good direction but didn't have a JSX solution

https://blog.tripu.info/react-19/

Alphabetize your set items and map keys

This document looks at certain data-structures and makes the case for alphanumeric ordering to optimize developer experience (DX).

Strategies for organizing code

Authoring code, like all language, is about expressing ideas intentionally and legibly. Obviously code needs to be correct for the computational device, and succeed as a software product, but we also want to make it comprehensible to human colleagues.

To make code comprehensible I can identify four distinct organizational strategies:

$ node index.mjs
🌞 module-a pre-export { name: 'module-a 🌞', obj: { a: '🇨🇦', b: 'bee', c: 'see' } }
👻 module-b pre-export { name: 'module-b 👻', obj: { a: '🇨🇦', b: '🐝', c: 'see' } }
{
  moduleA: { name: 'module-a 🌞', obj: { a: '🇨🇦', b: '🐝', c: '👀' } },
  moduleB: { name: 'module-b 👻', obj: { a: '🇨🇦', b: '🐝', c: '👀' } },
  moduleObjectExport: { a: '🇨🇦', b: '🐝', c: '👀' }
}

	// test subjects

	const rejectsStringValue = () => Promise.reject('I rejected');

	const rejectsErrorValue = () => Promise.reject(new Error('I rejected'));

	// tests

	describe('rejectsStringValue', () => {
	it('will throw in try/catch', async () => {

	# installing capybara-webkit on Catalina via Monitor wiki
	brew update
	cd $(brew --prefix)/Homebrew/Library/Taps/homebrew/homebrew-core
	git show 9ba3d6ef8891e5c15dbdc9333f857b13711d4e97 > /dev/null \|\| git fetch --unshallow
	git checkout 9ba3d6ef8891e5c15dbdc9333f857b13711d4e97 Formula/qt@5.5.rb
	type -a gsed \|\| brew install gnu-sed
	gsed -i 's/depends_on :macos => :mountain_lion//' Formula/qt@5.5.rb
	brew install qt@5.5
	# now gem install capybara-webkit -v '1.15.1' will work

	export const log = function() {
	return "ghost-dog";
	};

	export const blob = function() {
	return "blee-bloop";
	};

	/*

	/*
	fetch('http://example.com')
	.then(res => res.ok ? logReadableStream(res.body) : Promise.reject(`Status: ${res.status}`))
	.catch(console.log)
	*/
	let logReadableStream = function (stream) {
	const reader = stream.getReader();
	let bytesReceived = 0;
	let result = new Uint8Array(0);

	# Grabbed archive from https://download.newrelic.com/php_agent/release/ and decompressed
	gzip -dc newrelic-php*.tar.gz \| tar xf -
	cd newrelic-php*/

	# manually edited newrelic-install to not use sudo because it's contrary to how Homebrew (and thus most of my system) behaves

	# Homebrew'd PHP doesn't use PHP's typical extensions folder so I created it manually (note path is dependent on php version)
	mkdir -p /usr/local/Cellar/php70/7.0.17_9/lib/php/extensions/no-debug-non-zts-20151012

	# run install script with custom paths (since /usr/bin is not writeable because of macOS "system integrity protection")

	const STATE = { counter: 0 };

	export { STATE };