skip to content

#ui (5)

Cheat sheets (5)

Claude Code Statusline

Customise the Claude Code statusline — settings.json keys, the JSON context passed to scripts, available variables (model, session id, cwd, branch, cost), and example scripts in bash, python, and Node.
claude-code statusline customisation prompt ui

React Basics — Function components, hooks, and JSX

Foundational React patterns — function components, JSX, props, hooks (useState, useEffect, useRef, useContext), list rendering, and form handling — with TypeScript throughout.
javascript react ui framework typescript

streamlit — Data Apps in Pure Python

Build interactive web apps for data and ML in pure Python. Covers widgets, layout, session state, caching, multipage apps, and deployment patterns.
python streamlit ui dataviz prototyping web frontend

React with TypeScript — Components, hooks, generics, and forms

Type-safe React patterns — function components, prop types, children, event handlers, refs, generic components, polymorphic `as` props, and Zod-powered forms.
typescript react ui framework generics

reflex — Full-Stack Web Apps in Pure Python

Build interactive web applications entirely in Python with Reflex. Covers state, components, events, pages, database, forms, and deployment.
python reflex web fullstack react ui components state