Jordan Eldredge

Items tagged "react"


{transitions} = f(state)

Thinking about the React component tree as modeling a state machine can help clarify the implications of asynchronous updates and React’s concurrent features.


A nice way to render Markdown in React apps

A pattern for rendering Markdown in React apps directly from an AST without any serialized HTML


My blog’s audio player

Details on the audio player I’ve added to this blog


My GraphQL Conf 2024 talk: Semantic Nullability

Youtube video of the talk I gave at GraphQL Conf 2024 covering advanced client error handling and its implications for potentially fundamentally solving the problem of pervasive nullability in GraphQL


Using Notion as my CMS with Next.js

Why I chose to use Notion as the backing CMS for the Notes portion of this site, and the technical details of how it’s implemented


Reactive GraphQL Architecture

A vision for using GraphQL on the client for local-first apps, apps using e2e encryption, and other apps with heavy client state


How Relay Enables Optimal Data Fetching

Sharing a blog post I wrote about what makes Relay so special


Client data should not need to exceed O(screen size)

A rule of thumb for thinking about scaling client application state


How the React model tames N by N code complexity

Explaining how exactly the UI = f(state) model tames code complexity


React’s useTransition and state update reordering

Clarifying how React will sometimes apply state updates out of order when using concurrent features, and a best practice which can help you avoid it.


On ephemeral UI, fragile app state, and anxiety

Ephemeral UI make us nervous because we’ve learned that there’s a high likelihood lose our state by accident