https://github.com/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
https://github.com/kentcdodds/fakebooks-remix

Last synced: 9 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/kentcdodds/fakebooks-remix
• Owner: kentcdodds
• Created: 2022-04-21T23:09:20.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-26T03:01:04.000Z (over 1 year ago)
• Last Synced: 2024-10-19T18:09:12.517Z (21 days ago)
• Language: TypeScript
• Homepage: https://fakebooks-remix.fly.dev/sales/invoices
• Size: 452 KB
• Stars: 85
• Watchers: 8
• Forks: 21
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-remix - Remix Fakebooks App
• awesome-remix - Remix Fakebooks App

README

        
# Remix Fakebooks App

This is a (very) simple implementation of the fakebooks mock app demonstrated on [remix.run](https://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](https://github.com/kentcdodds/fakebooks-cra).

- [Fakebooks Remix Production Deploy](https://fakebooks-remix.fly.dev/sales/invoices) - Deployed on Fly in the Dallas Region

- [Fakebooks CRA Production Deploy](https://fakebooks-cra.netlify.app/sales/invoices) - 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.