spinda's dreamwidth

A React/Redux app is a one-way data flow cycle. The user interacts with the UI, which produces Redux actions, which get dispatched to reducer functions, which update the app’s state object, which gets passed back to React to re-render the UI.

A conversation with ChatGPT is also a one-way cycle. A human sends a prompt (action), which gets passed to the language model (reducer), which updates the conversation (state) with its response.

Can we use the latter to emulate the former? Spoilers: yes, we totally can! ChatGPT will happily act as your universal reducer, so you can prototype your app’s frontend without needing to mock up a backend or business logic right away. And after interacting with the frontend for a bit to teach the AI how the app works, you can even ask it to implement the reducer function for you.

Here’s a quick demo of a basic counter app with my react-redux-chatgpt plugin doing the reducing (app on the left, behind-the-scenes ChatGPT conversation in the console on the right):

And here’s ChatGPT powering the Redux TodoMVC example, unmodified except to delete the reducers and replace them with ChatGPT:

Check out the source code on GitHub! Or keep reading for an in-depth explainer.