peerreynders

## another_handler.ex
# file: lib/em_demo/some_handler.ex
#
defmodule EmDemo.AnotherHandler do
  use GenServer

  @impl true
  def init([to_pid, token] = arg) do
    IO.puts("#{__MODULE__}: init(#{inspect(arg)})")
    {:ok, {to_pid, token}}
  end

## demo.exs
# Cobbled together ("untested") demonstration code - no production value
# The intention is to flood all CPU cores with "work"
#
# Created for: https://elixirforum.com/t/finding-vampire-numbers/25098/10
#
defmodule Primes do
  require Integer

  @primes :primes
  @init_last 3

## reactIsAFramework.md

      
              1 file
            
          
              3 forks
            
          
              5 comments
            
          
              20 stars
            
          
                peerreynders
                / reactIsAFramework.md
            
            
              Last active
              May 6, 2024 08:44
            
              
                React is a (view component) framework
              
          
    "Art prior" to React:
Martin Fowler: InversionOfControl (2005-Jun-26)

Inversion of Control is a key part of what makes a framework different to a library. A library is essentially a set of functions that you can call, these days usually organized into classes. Each call does some work and returns control to the client.
A framework embodies some abstract design, with more behavior built in. In order to use it you need to insert your behavior into various places in the framework either by subclassing or by plugging in your own classes. The framework's code then calls your code at these points.

The litmus test:

If your code calls it, it's a library.


## DisclosureToggle.svelte
<!-- file: src/DisclosureToggle.svelte -->
<svelte:options tag={ null }/>
<script>
 import { onMount } from 'svelte';

 // prop names ("buttonLabel") aren't converted to
 // attribute names ("button-label")
 export let label = 'Toggle content';

 let trigger;

## filterMap.html
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Filter Map</title>
  </head>
  <body>
    <script>

## firstResolvedByArrayOrderWins.js
function log(value) {
  console.log(value);
}

function executor(resolve, _reject) {
  const resolveValue = () => resolve('3 Resolved now');
  self.setTimeout(resolveValue, 1000);
}

const pending = new Promise(executor);

## fizzbuzz01.js
/*
 **Very Rough** approximation of

   fizzbuzz :: Int → String
   fizzbuzz n = (test 3 "fizz" ◦ test 5 "buzz") id (show n)
     where
       test d s x | n ‘mod‘ d ≡ 0 = const (s ++ x "")
                  | otherwise     = x

   test :: Int → String → (String → String) → String → String

## index.html
<!doctype html>
<html lang="eng">
  <!--
       "A progressive disclosure component"
       https://hankchizljaw.com/wrote/a-progressive-disclosure-component/

       with wickedElements

       https://github.com/WebReflection/wicked-elements

## 01before.html
<!doctype html>
<html lang="eng">
  <head>
    <meta charset="utf-8"/>
    <title>useCallback alternative BEFORE</title>
  </head>
  <body>
    <script type="module">
     import {
       html, render, useState, useCallback

## index.html
<!doctype html>
<html lang="eng">
  <head>
    <meta charset="utf-8"/>
    <title>useInitializer</title>
  </head>
  <body>
    <script type="module">
     import { html, render, useState } from '//unpkg.com/htm/preact/standalone.mjs';
	# file: lib/em_demo/some_handler.ex
	#
	defmodule EmDemo.AnotherHandler do
	use GenServer

	@impl true
	def init([to_pid, token] = arg) do
	IO.puts("#{__MODULE__}: init(#{inspect(arg)})")
	{:ok, {to_pid, token}}
	end
	# Cobbled together ("untested") demonstration code - no production value
	# The intention is to flood all CPU cores with "work"
	#
	# Created for: https://elixirforum.com/t/finding-vampire-numbers/25098/10
	#
	defmodule Primes do
	require Integer

	@primes :primes
	@init_last 3
	<!-- file: src/DisclosureToggle.svelte -->
	<svelte:options tag={ null }/>
	<script>
	import { onMount } from 'svelte';

	// prop names ("buttonLabel") aren't converted to
	// attribute names ("button-label")
	export let label = 'Toggle content';

	let trigger;
	<!DOCTYPE html>
	<html lang="en-us">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Filter Map</title>
	</head>
	<body>
	<script>
	function log(value) {
	console.log(value);
	}

	function executor(resolve, _reject) {
	const resolveValue = () => resolve('3 Resolved now');
	self.setTimeout(resolveValue, 1000);
	}

	const pending = new Promise(executor);
	/*
	Very Rough approximation of

	fizzbuzz :: Int → String
	fizzbuzz n = (test 3 "fizz" ◦ test 5 "buzz") id (show n)
	where
	test d s x \| n ‘mod‘ d ≡ 0 = const (s ++ x "")
	\| otherwise = x

	test :: Int → String → (String → String) → String → String
	<!doctype html>
	<html lang="eng">
	<!--
	"A progressive disclosure component"
	https://hankchizljaw.com/wrote/a-progressive-disclosure-component/

	with wickedElements

	https://github.com/WebReflection/wicked-elements