Better typescript support #84

Activity

1. emab commented on May 25, 2024

   

   emab

   on May 25, 2024

   More actions

   I've been playing around with this myself, as RxDB looks great and having better type support via hooks would be great.

   https://github.com/emab/rxdb-hooks-todo/blob/dcd4f8a6c60ee9898db075f1cff2cc5396fa0a1f/src/Todo.tsx

   Here's an example Todo application, with some hooks. The typing right now is baked into the hooks - so thinking of a way of handling this would be great.

   In Redux you often export your own versions of a useSelector hook, providing your store type with them:

   import { useDispatch, useSelector, useStore } from 'react-redux'
   import type { AppDispatch, AppStore, RootState } from './store'
   
   // Use throughout your app instead of plain `useDispatch` and `useSelector`
   export const useAppDispatch = useDispatch.withTypes<AppDispatch>()
   export const useAppSelector = useSelector.withTypes<RootState>()
   export const useAppStore = useStore.withTypes<AppStore>()

   I'm thinking if I take what I have now and apply this methodology we should end up with nicely typed hooks.

   The next step would be getting them more feature complete - so maybe doing this approach in this repo would be better.
2. TimurKr commented on May 25, 2024

   

   TimurKr

   on May 25, 2024

   Author

   More actions

   Hey @emab, I am glad someone is still looking into this.

   I got this working really well in my repo, but I never got around to actually making a PR and I am not working on the project where I did this already, so I guess I never will... Maybe someone else could take it over the finish line, or at least be inspired by my approach, so here is the repo. Check out the /rxdb-hooks/hooks.tsx file for the definition of the typed hook builder and the rxdb/db.tsx for the usage.

   The project is also using supabase replication, so if that is your case, there is a custom script that introspects your supabase and generates the schemas for you.