[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_172":173,"_174":175},"routes/_app.x.$handle.$name",{"_94":93,"_31":44,"_102":84,"_26":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":24,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","posts/model.tsx","latestPath","fileId","c1e16744-e420-11f0-b34a-42dde27851f2","name","model.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Link } from \"../helpers.tsx\";\n\nexport default async function (request: Request) {\n return new Response(\n renderToString(\n \n \n Steve Krouse\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n Steve Krouse\n \n

\n \n \n \"a woman painting a landscape\" by{\" \"}\n \n Fal Demo App\n \n \n

Find a model

\n One of the most common pieces of advice I give to mentees is to\n \"find a model.\" It's a stupid-simple technique, but can\n transform how you work. It will let you do things faster,\n better, and with more confidence. It's a mystery that everybody\n doesn't use it all the time.\n

\n The core of the technique is to find a model artifact to keep an\n eye on while you work on your artifact, which could be a coding\n project, a song, a painting, an email, a social media post, an\n essay like this one, etc.\n

\n The are three important benefits to this technique.\n

\n A north star\n

\n A model gives you a north star; something to shoot to; something\n you can visually compare your work to, and see what's missing; a\n yardstick by which you can measure how \"done\" your artifact is.\n Without a model, how do you even know what kind of thing you're\n making? How can you tell its shape? A model is like a\n hyper-specific template that lets you stay focused on the end\n goal.\n

\n There are many related principles:{\" \"}\n \n Backward Chaining\n ,{\" \"}\n \n Top-down design\n ,{\" \"}\n \n The XY Problem\n , and Amazon's principle to \"Write the Press Release\n First\". These all get at the idea that you don't want to lose\n sight of the end goal. Without a model, you risk getting lost in\n the details. Losing the forest for the trees. A model helps you\n keep the whole forest in sight, so you actually create what you\n set out to.\n

\n However, it's important to remember that \"Plans are useless, but\n planning is indispensable.\" In other words, you shouldn't feel\n compelled to stick to your model so closely. Use the parts that\n you want, and forget about the rest. A model is high up on{\" \"}\n The Ladder of Abstraction, but that doesn't\n mean you can't change it. If you realize that you chose the\n wrong model or that your goals have changed, excellent. Time to\n find a better model.\n

\n The fact that you have a model is what allows you to realize\n when you have the wrong model. Imagine you're a ship captain\n navigating by a star that you thought was the north star, but\n then later realized was just Venus. The time you wasted\n navigating by Venus would've been equally wasted if you were\n navigating without reference to any star. At least when you're\n navigating by Venus one of your fellow sailors can come over\n your shoulder and say, \"Hey captain, I think that's Venus.\" If\n you're navigating by nothing, then you're truly lost at sea.\n

\n Un-stuck-ing yourself\n

\n Another reason to have model is that it's very helpful when you\n get stuck. Don't know how to do something? See how your model\n does it.\n

\n For this essay I felt stuck on the first line. This essay's\n model is{\" \"}\n \n Do things that don't scale\n , because it's an essay that explains a cognitive\n technique. Its first sentence isn't the prettiest, but it gets\n the idea across and it's a hook: \"One of the most common types\n of advice we give at Y Combinator is to do things that don't\n scale.\"\n

\n Now go back and read my first line. Is it deritive? Yes. Would\n literally anyone have noticed if I didn't draw your attention to\n it? No. There's something profoundly true about the line\n oft-attributed to Picasso, \"Good artists borrow. Great artists\n steal.\" I didn't truly believe this quote until I read{\" \"}\n \n The Elements of Eloquence\n , wherein he shows examples of Shakespeare lifting whole\n sentences out of other books and plays, only changing a couple\n words.\n

\n In school, they call this behavior cheating, which is probably\n why this technique isn't practiced more often. I think it's an\n important lesson to unlearn. Why reinvent the wheel? Save time\n so you can focus on your unique contribution. Just be sure to\n give attribution and credit where it's due.\n

\n Maybe someone already did it, so you don't have to\n

\n How many times have you built something only later to realize\n someone else already built it? Chances are that if an idea\n occurs to you, likely it has occured to someone like you. So\n many people don't even take a second to google around before\n embarking on a project. Instead of wasting your time reinventing\n the wheel, see if someone already invented it. Then stop. Just\n use their thing.\n

\n How to find a model\n

\n One reason \"finding a model\" isn't more common is that it can be\n quite difficult to find a good model. I call that technique{\" \"}\n \"surveying the space\".\n

\n \n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}","createdAt",["D",1766948979130],"branchVersion","branchId","c192da5c-e420-11f0-9297-42dde27851f2","id","c192a082-e420-11f0-9297-42dde27851f2","shapedlinesdotcom_remix_73022",["D",1766948978616],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","personal site, forked from steve ( for now :) ) ","imageUrl","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"isOwned",14,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shapedlines","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":168,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":169,"_78":170,"_80":171,"_82":24},"tree",[154,156],"files",[154,155,156],"counts",{"_144":60,"_145":140,"_146":60,"_147":148,"_149":150},"contents",[124,125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":137,"_31":138,"_29":139,"_129":-5,"_40":41,"_39":140,"_131":132,"_37":141,"_13":60,"_33":142,"_35":-5,"_23":24,"_135":-5,"_26":143},{"_42":126,"_31":127,"_29":128,"_129":-5,"_40":41,"_39":130,"_131":132,"_37":133,"_13":60,"_33":34,"_35":134,"_23":24,"_135":-5,"_26":136},"c1dd5eb0-e420-11f0-b34a-42dde27851f2","index.tsx","c1dd5f96-e420-11f0-b34a-42dde27851f2","parentId",2,"latest",true,["D",1766948979103],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { getHits } from \"./analytics.ts\";\nimport { Link } from \"./helpers.tsx\";\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport async function Homepage() {\n console.log(\"rendering homepage\");\n let monthHits, todayHits;\n try {\n const hits = await getHits();\n monthHits = hits.monthHits;\n todayHits = hits.todayHits;\n } catch (e) {\n console.log(\"Caught database error: \", e);\n }\n return new Response(\n renderToString(\n \n \n shapedlines\n \n \n \n \n

\n shapedlines\n

\n 👋 Hi, I'm Jason. I live in SF :)\n

\n\n {monthHits && todayHits\n ? (\n

\n This site was{\" \"}\n \n built in Val Town\n . It was viewed {todayHits.toLocaleString()}{\" \"}\n times today, and {monthHits.toLocaleString()} times in{\" \"}\n {new Date().toLocaleString(\"default\", {\n month: \"long\",\n year: \"numeric\",\n })}.\n

\n )\n : null}\n

Projects

\n 2025 -\n general asks\n
\n 2025 -\n carmy\n
\n 2025 -\n \n 100 blocks\n \n

\n\n

Essays

\n WIP o.O\n

\n\n

Fun Links! :D

\n \n come to sundays!\n \n

\n \n small worlds\n \n

\n \n look at the sky right now\n \n

\n \n euan's \"escaping flatland\"\n \n

\n \n optimal amount of fraud\n \n

\n \n costco\n \n

\n \n outta sight ii\n \n

\n\n

\n Twitter |\n {\" \"}\n Github |\n {\" \"}\n \n LinkedIn\n \n

\n \n ,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html\",\n // TODO only when on main - \"Cache-Control\": \"public, max-age=3600, stale-while-revalidate=0\",\n },\n },\n );\n}","label",[127],"c1cc9260-e420-11f0-9297-42dde27851f2","posts","c1cc9300-e420-11f0-9297-42dde27851f2",1,["D",1766948978992],"directory",[138],"pulls","branches","forks","envVars",{"_151":60,"_153":60},"connections",{"_151":60,"_152":60},"count","unfilledCount","emptyCount",{"_42":137,"_31":138,"_29":139,"_129":-5,"_40":41,"_39":140,"_131":132,"_37":165,"_13":60,"_33":142,"_35":-5,"_23":24,"_135":-5,"_158":166,"_26":167},{"_42":161,"_31":32,"_29":30,"_129":139,"_40":41,"_39":14,"_131":24,"_37":162,"_13":60,"_33":34,"_35":36,"_23":24,"_135":-5,"_158":163,"_26":164},{"_42":126,"_31":127,"_29":128,"_129":-5,"_40":41,"_39":130,"_131":132,"_37":157,"_13":60,"_33":34,"_35":134,"_23":24,"_135":-5,"_158":159,"_26":160},["D",1766948979103],"children",[],[127],"c1e16686-e420-11f0-b34a-42dde27851f2",["D",1766948979130],[],[138,32],["D",1766948978992],[155],[138],["D",1766948978616],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":24},{"_13":83,"_31":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"ctx",{"_76":-5,"_121":205,"_206":207,"_208":209,"_210":24,"_211":24,"_212":24,"_213":132,"_214":-5,"_215":-7,"_216":-7,"_217":60,"_218":24,"_219":24,"_220":-5,"_221":24,"_222":24,"_223":24,"_224":-5},"ENV",{"_176":177,"_178":179,"_180":84,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v3