WebReflection

This gist is a simple no-brainer description of the 3 ways (actually 2.5) the Web handle events.

<tag onclick />

The declarative inline HTML event listener is mostly an indirection of DOM Level 0 events, meaning this simply uses the equivalent of tag.onclick = listener behind the scene.

Example

click me

kishida

// require indexing here
// https://gist.github.com/kishida/0ac9f96cbf9f4d4f91906f74205472c8

package naoki.openai;

import javax.swing.*;

import java.awt.BorderLayout;
import java.time.Duration;
import java.util.List;

alberduris

import { ChatOpenAI } from "langchain/chat_models";
import { HumanChatMessage } from "langchain/schema";
import { CallbackManager } from "langchain/callbacks";

interface Env {
  OPENAI_API_KEY: string;
}

export default {
  async fetch(

kishida

package naoki.openai;

import com.mongodb.client.MongoClients;
import com.mongodb.client.model.Filters;
import com.theokanning.openai.OpenAiHttpException;
import com.theokanning.openai.embedding.EmbeddingRequest;
import com.theokanning.openai.embedding.EmbeddingResult;
import com.theokanning.openai.service.OpenAiService;
import java.io.IOException;
import java.nio.file.Files;

lukeed

// https://crontab.guru/
// https://www.typescriptlang.org/play?ts=4.9.5#code/C4TwDgpgBAwgSgeQHJQLxQAYBIDe9kB0AogB5gBOEAzlQJYD2AdgL5S75LFmU0Mtt5EnUhWp0mrdkK6jeEgRxk9xLDAG4AUAHotUPVAB6Afg0bQkKABVqwAIxpY0gBIBXALYBDRgB4ARAGYABigATigAKgiI3wA+TR19QxMzcGhrKmAAJgdFV08fX0iwyJLY+N19Y1NzNJt-HOd3Lz9wrXriqPCy7Qq9KpSLdOAAFgbCPObCtoitUZLouJ7E-pqrGwBWMc4Jgtb6+dLFhMrk1aGANi2CHZaZ-c7u477T1LWMgHYrm99bTdbsg6PXpJaqvIYADi+TV2UXuXSOwJWYJsYXQuWhtxK00O5WWL0GNlswTRjXymKg+y0AKBeNBBIytnsJPGGMKsJm2WGNJOdNqDOyzO2rOCmUpAOxs25z15bzs9UF11ZYVFHLuUC5CNpAz5dlGCu+rV+M0ukX2UpB2tlRv1rIOFIWuJ5SwAtK6AMYuYCu52mAAmEDdABsPJQoIwPG5qGAPG7oBwoDgNHoIGR6ORgFBViJlHwHABycJ5qAAHzD7gARhByCXMK1cIwK1XmOpTMnU+nM68bpYoCngBBGL6qI5kDEHEnElZeyR+4Ph9gcLRGAAzKtQACykkXK7XTi3S9X1YAIpuBAe1+vT7hz8eAOrNieTqBGKy0SPeJwAGnXY77A6HmDXju1Y9n+c5QBk5BLgA5g+T6JC+R4eCA3iXp+UAnuhR63r+M7-vOQGHhh06zgBkEwXB8EIcRYEAb4vhQI+VH6C+lhMcxUAAFyATglisEwAhHpRHHcYwEAAG5Vuxk6iRJUlUbJknkJoE4JN6jETmcb4QB+9AuOQ6HrkunoQGO6BMUZDb9iR+FQAWRbSS+Th6dWtHDvZegvnmcnkCAUBuMZ-ZFgk8wAPpQOFoXSdxzn6TZ4ELjeUBOPFAENm4

WebReflection

About

Highly Experimental

If you are using this already, consider changes soon due the discussion around current ESX proposal.

Feel free to keep an eye on udomsay as that will be the implementation reference for consumers.

---

ryansolid

import { buildData } from "./build-data";

<let/data = []/>
<let/selected = null/>

<div class="jumbotron">
  <div class="row">
    <div class="col-md-6">
      <h1>Marko 6 (keyed)</h1>

souporserious

import glob from 'fast-glob'
import { build } from 'esbuild'
import { Project } from 'ts-morph'

const project = new Project({
  compilerOptions: {
    outDir: 'dist',
    emitDeclarationOnly: true,
  },
  tsConfigFilePath: './tsconfig.json',

mcollina

Matteo Technical Principles

1. Conway’s Law is paramount.

Any organization that designs a system (defined broadly) will produce a design whose structure is a copy of the organization's communication structure.

In order to design a piece of software we need to “design” the team that is going to produce it.

2. Developer Experience is key to productivity

ryansolid

Based on Evan You's methodology: https://github.com/yyx990803/vue-svelte-size-analysis

Table

	Vue	Vue (SSR)	Svelte	Svelte (SSR)	Solid	Solid (SSR)
Source	3.93kb	-	3.31kb	-	4.98kb	-
Compiled w/o imports (min)	2.73kb	-	5.01kb (183.52%)	6.59kb (241.39%)	3.68kb (134.805)	3.96kb (145.05%)
Compiled w/o imports (min+gz)	1.25kb	-	2.13kb (170.40%)	2.68kb (214.40%)	1.46kb (116.80%)	1.57kb (125.60%)
Compiled w/o imports (min+brotli)	1.10kb	-	1.88kb (170.91%)	2.33kb (211.82%)	1.26kb (114.55%)	1.32kb (120.00%)