kentcdodds/fakebooks-remix

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

Remix Fakebooks App

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

This inteded to be used to compare from a fairly standard client-rendered app. The sister repo to this one can be found at kentcdodds/fakebooks-cra.

• Fakebooks Remix Production Deploy - Deployed on Fly in the Dallas Region
• Fakebooks CRA Production Deploy - Deployed on Netlify's global CDN

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.

fakebooks-remix's Issues

Missing site meta description

Normally not a big deal for a demo, but in this case the sister app fakebooks-cra has a meta description set in the static html so it receives a higher Lighthouse score for SEO. Adding a description to the root of this project would be a more even comparison.

Lighthouse dings SEO score due to a missing meta description

App crashes on Safari

I'm using Safari 15.2 and when I open the production deploy

I got a white blank page on the Remix

but on the CRA, it runs fine

App crashes when creating a deposit

On https://fakebooks-remix.fly.dev/

Created an invoice, then tried to add a deposit and got an error