Eugene Samonenko ambroseus

The experience of using Node.JS with TypeScript, ts-node, and ESM is horrible.

There are countless guides of how to integrate them, but none of them seem to work.

Here's what worked for me.

Just add the following files and run npm run dev. You'll be good to go!

TCP echo server for Node.js

	// A Hook to define an event handler with an always-stable function identity

	function useEvent(handler) {
	const handlerRef = useRef(null);

	// In a real implementation, this would run before layout effects
	useLayoutEffect(() => {
	handlerRef.current = handler;
	});

	More recent resolution:

	1. cd ~/../../etc (go to etc folder in WSL).
	2. echo "[network]" \| sudo tee wsl.conf (Create wsl.conf file and add the first line).
	3. echo "generateResolvConf = false" \| sudo tee -a wsl.conf (Append wsl.conf the next line).
	4. wsl --terminate Debian (Terminate WSL in Windows cmd, in case is Ubuntu not Debian).
	5. cd ~/../../etc (go to etc folder in WSL).
	6. sudo rm -Rf resolv.conf (Delete the resolv.conf file).
	7. In windows cmd, ps or terminal with the vpn connected do: Get-NetIPInterface or ipconfig /all for get the dns primary and
	secondary.

	// Core assets
	let coreAssets = [];

	// On install, cache core assets
	self.addEventListener('install', function (event) {

	// Cache core assets
	event.waitUntil(caches.open(coreID).then(function (cache) {
	for (let asset of coreAssets) {
	cache.add(new Request(asset));

	import React, { ReactNode } from 'react'

	interface MarkerProps {
	id: string
	className?: string
	children: ReactNode
	}

	const Marker = ({ id, className, children }: MarkerProps) => (
	<marker

	const imVariants = require('./variants-im')
	const fnVariants = require('./variants-fn')

	const str = '012345678901234'
	count = 100

	console.time('imperative variants');
	for (let i = 0; i < count; i++) {
	imVariants(str)
	}