Skip to content

Commit c7ac76c

Browse files
committed
refactor: update documentation to replace react-hook-form with TanStack Form for form handling
1 parent 453ced7 commit c7ac76c

4 files changed

Lines changed: 316 additions & 72 deletions

File tree

docs/src/content/docs/guides/data-fetching.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@ Now that we have our mutation hook ready. Let's create a new screen called `AddP
120120
Exactly the same way we did in [form section](/ui-and-theme/forms) while creating a login form, we will follow the same approach to create a from to create a new post.
121121

122122
1. Create the schema for the new form using Zod
123-
2. Create the form using react-hook-form
123+
2. Create the form using TanStack Form
124124
3. Get `mutate` function from `useAddPost` hook and call it when the form is submitted
125125
4. You can use the `isPending` state to display a loading indicator while the data is being sent to the server and then redirect the user to the feed screen on success.
126126

docs/src/content/docs/overview.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ When creating this starter kit, we had several guiding principles in mind::
3939
- 💫 Auth flow implementation using [Zustand](https://github.com/pmndrs/zustand) for state management and [react-native-mmkv](https://github.com/mrousavy/react-native-mmkv) for secure data storage.
4040
- 🛠 10+ [Github Actions](https://github.com/features/actions) workflows for building, releasing, testing, and distributing your app.
4141
- 🔥 [React Query](https://react-query.tanstack.com/) and [axios](https://github.com/axios/axios) for efficient data fetching and state management.
42-
- 🧵 Robust form handling with [react-hook-form](https://react-hook-form.com/) and [zod](https://github.com/colinhacks/zod) for validation, plus keyboard handling.
42+
- 🧵 Robust form handling with [TanStack Form](https://tanstack.com/form/latest) and [zod](https://github.com/colinhacks/zod) for validation, plus keyboard handling.
4343
- 🎯 Localization support with [i18next](https://www.i18next.com/), including Eslint for validation.
4444
- 🧪 Unit testing setup with [Jest](https://jestjs.io/) and [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/).
4545
- 🔍 E2E testing capabilities with [Maestro](https://maestro.mobile.dev/) for comprehensive app testing.
@@ -92,7 +92,7 @@ We value the feedback and contributions of our users, and we encourage you to le
9292
- [Flash list](https://github.com/Shopify/flash-list)
9393
- [React Query](https://tanstack.com/query/v4)
9494
- [Axios](https://axios-http.com/docs/intro)
95-
- [React Hook Form](https://react-hook-form.com/)
95+
- [TanStack Form](https://tanstack.com/form/latest)
9696
- [i18next](https://www.i18next.com/)
9797
- [zustand](https://github.com/pmndrs/zustand)
9898
- [React Native MMKV](https://github.com/mrousavy/react-native-mmkv)

0 commit comments

Comments
 (0)