Parmesh Krishen therealparmesh

The Reality of "Just a React App"

A complete breakdown of the architecture, tooling, and paradigms involved in modern frontend development. This highlights the true scope of work required when React is the default (and often only) option for frontend developers who are effectively React specialists.

Core Architecture & Language

React: Virtual DOM, JSX
Component Paradigms: Class component lifecycles, Higher-Order Components (HOCs), render props, Hooks
Advanced Rendering: Suspense, Error Boundaries

The Reality of "Just Render HTML"

A complete breakdown of the architecture, tooling, and paradigms involved when returning to a server-driven architecture using HTMX, Tailwind, and Vanilla JS. This highlights how drastically the frontend footprint shrinks when the server reclaims state and routing.

Core Architecture & Language

Hypermedia: HTMX (HTML attributes, out-of-band swaps, lazy-loading partials)
Language: Vanilla JS
Component Paradigms: Server-side templating (partials, fragments, includes), standard HTML elements

name	plan-with-fable-execute-with-subagents
description	Use when the user wants a task planned by the Fable model and built by Opus or Sonnet subagents. Triggers: "plan with fable", "fable then opus", "fable then sonnet", "fable plans and sonnet executes", "plan then dispatch subagents".

Plan With Fable, Execute With Subagents

Overview

One model plans. Other models build. Fable writes the plan. Opus or Sonnet subagents do the work in it.

	bunny() {
	local script
	script=$(bun run \| sed 's/\x1b\[[0-9;]*m//g' \| rg --replace '$2' '(\s+)\$ bun run (\S+)' \| fzf)
	if [[ -n "$script" ]]; then
	bun run "$script"
	fi
	}

	autoload -Uz compinit
	compinit

	setopt append_history
	setopt auto_pushd
	setopt autocd
	setopt cdable_vars
	setopt complete_in_word
	setopt correct
	setopt glob_dots

	# kx - kubectl helpers with fzf
	# deps: kubectl, fzf, jq, dpcli (mesh plugin for rollouts)
	# flags are ours - short aliases for kubectl's verbose ones
	# source from .zshrc

	__kx_dim() { printf '\033[2m%s\033[0m\n' "$*" >&2; }
	__kx_bold() { printf '\033[1m%s\033[0m\n' "$*" >&2; }
	__kx_err() { printf '\033[31m%s\033[0m\n' "$*" >&2; }
	__kx_ok() { printf '\033[32m%s\033[0m\n' "$*" >&2; }