# The Two Reacts

DevFeed: [The Two Reacts](<https://devfeed.tech/articles/the-two-reacts-36200.md>)

Original publisher: [Read original article](<https://overreacted.io/the-two-reacts/>)

Published: 2024-01-04T00:00:00Z

Content type: article

Language: en

Sources: [Dan Abramov](<https://devfeed.tech/sources/dan-abramov.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Code](<https://devfeed.tech/topics/code.md>), [Programming](<https://devfeed.tech/topics/programming.md>), [client](<https://devfeed.tech/topics/client.md>), [Server](<https://devfeed.tech/topics/server.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [client](<https://devfeed.tech/tags/client.md>), [code](<https://devfeed.tech/tags/code.md>), [programming](<https://devfeed.tech/tags/programming.md>), [react](<https://devfeed.tech/tags/react.md>), [server](<https://devfeed.tech/tags/server.md>), [ui](<https://devfeed.tech/tags/ui.md>), [web](<https://devfeed.tech/tags/web.md>)

## AI overview

This article explains how React components can run on either the client or the server. It uses a counter example to show why client-side execution enables immediate interaction through client state, while server-rendered UI may introduce a delay.

## Source excerpt

UI = f(data)(state)