Colum Kelly

@columk.bsky.social

37 Followers 169 Following

Fullstack Developer | Climbing | Paragliding

let user = api.authenticate(token); // Get the user's list of friends (an array). let friendsPromise = user.listFriends(); // Do a .map() to annotate each friend record with their photo. // This operates on the *promise* for the friends list, so does not // add a round trip. // (wait WHAT!?!?) let friendsWithPhotos = friendsPromise.map(friend => { return {friend, photo: api.getUserPhoto(friend.id))}; } // Await the friends list with attached photos -- one round trip! let results = await friendsWithPhotos;
type InputProps = InputHTMLAttributes<HTMLInputElement> & CustomInputProps const Input = ({customProp, ...rest}: InputProps) => { console.log(customProp) return <input {...rest} /> } export default function App() { return <Input type="text" name="foo" customProp="bar" /> }
Threads clone - app preview
<div role="link" onPointerDown={() => { window.getSelection()?.removeAllRanges() }} onClick={(e) => { // Don't navigate if text is being selected if (window.getSelection()?.toString()) { return } handleNestedInteraction(e, navigate) }} onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { handleNestedInteraction(e, navigate) } }} tabIndex={0} className="link cursor-pointer" {children} </div>
<Dialog> <DropdownMenu> <DropdownMenuTrigger> <KebabMenuIcon /> </DropdownMenuTrigger> <DropdownMenuContent> <DropdownMenuItem asChild> <Button> Save <BookmarkIcon /> </Button> </DropdownMenuItem> <DropdownMenuSeparator /> <DropdownMenuItem> <DialogTrigger asChild> <Button> Delete <DeleteIcon /> </Button> </DialogTrigger> </DropdownMenuItem> </DropdownMenuContent> </DropdownMenu> <DeleteDialogContent /> </Dialog>
Deepseek avoiding a political/historical question.
html body[data-scroll-locked] { overflow: visible !important; margin-right: 0 !important; }
const selectInput = useCallback((node: HTMLInputElement | null) => { node?.select() }, [])
export type ResponseData = ReturnType<typeof GET> extends Promise<NextResponse<infer T>> ? T : never
tsconfig
The full closing paragraph
Code snippet