Hi, I'm Louise #_,

frontend developer

I build modern web applications with Astro, React, and TypeScript.

Image-first website focused on simplicity

Image-first Astro site prioritizing simplicity, performance, and editorial control.

Content-first website for long-term ownership

CMS-driven Astro site designed for content ownership and long-term maintainability.

Louise Høpfner

I'm a frontend developer building with Astro, React, and TypeScript.

After starting as a developer, I spent years in product and team leadership roles. I'm now back to what I love most: writing code.

I have roots in physics and education, and I care about creating technology that's useful, understandable, and genuinely friendly to people.

Louise smiling in a orange shirt

January 18, 2026

From class components to hooks, clarity and trade-offs

Reflecting on the shift from React class components to function components, and the trade-offs between explicit lifecycle clarity and composability.

From class components to hooks, clarity and trade-offs

Astro

Static Site Generator

Astro

My default for content-driven sites: clear structure, minimal client-side JavaScript, and a calm developer experience.

React

UI Library

React

Used when interaction and state matter. I focus on predictable state, deliberate effects, and readable components.

VS Code

Code Editor

VS Code

My daily editor for frontend work. Strong TypeScript support, great extensions, and stays out of the way once configured.

Tailwind CSS

Styling

Tailwind CSS

Utility-first styling with clear constraints. Helps me move quickly while keeping styles consistent and easy to reason about.

Vite

Build Tool

Vite

Fast feedback with minimal configuration. A tool that does its job well and then steps aside.

Prettier

Code Formatting

Prettier

Removes formatting decisions from everyday work so the codebase stays consistent and collaboration stays frictionless.

TanStack Router

Routing

TanStack Router

Type-safe routing that makes navigation and URL state explicit — helpful when structure and correctness matter.

TanStack Query

Server State

TanStack Query

My go-to for async server state in React. Keeps fetching logic out of components and makes loading/error states predictable.

Figma

Design & Layout

Figma

Used for layout thinking and collaboration — I focus on clarifying structure and flow before writing code.