This demo app showcases my custom Remix hooks in action.
useMatchesData
- Query loader data across your appuseDeserialize
- Deserializes server-data (string to Date, etc)useFormState
- Global transition/form stateuseFetcherState
- Fetcher stateuseEventSource
- EventSource hook
Run the app in development mode:
npm i
npm run dev
Open the app in your browser. You will find the three following routes:
/message-board
- Implements a no-JavaScript message board./message-board-final
- Implements an enhanced version using my custom hooks./message-board-ludicrous
- Implements an reactive version using my custom hooks.