/fakebooks-cra

The create-react-app version of the fakebooks app demonstrated on https://remix.run. Check out the Remix version: https://github.com/kentcdodds/fakebooks-remix

Primary LanguageTypeScript

CRA Fakebooks App

This is a (very) simple implementation of the fakebooks mock app demonstrated on remix.run. The backend is served by the Remix version of this app. There is no database, but there is an arbitrary delay of 40-100ms whenever accessing "invoice data" to simulate querying a real database.

This is intended to be used as an example of a fairly standard client-rendered app as a comparison to a Remix app. The sister repo to this one can be found at kentcdodds/fakebooks-remix.

The main objective of this comparison (currently) is to demonstrate the UX and DX difference between the two approaches in regards to data loading. Test out the initial page load as well as switching between different pages.

Please do dig into the code and compare the level of complexity. Keep in mind that a CRA app is only half the story. You need a backend. This Remix app's backend is used to handle that for the CRA version.

Another thing to keep in mind is that this app doesn't handle mutations (yet?). Adding mutation support would drastically complicate the CRA implementation, but would be a pretty simple thing to handle for Remix.