From 590b6faa649dca7aec771ac0575e2b084a18ff1a Mon Sep 17 00:00:00 2001 From: Atharva Deosthale Date: Sun, 23 Mar 2025 13:27:34 +0530 Subject: [PATCH 1/2] docs: add atharva's tutorial --- .../react/community/atharva-tutorial.md | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 docs/framework/react/community/atharva-tutorial.md diff --git a/docs/framework/react/community/atharva-tutorial.md b/docs/framework/react/community/atharva-tutorial.md new file mode 100644 index 000000000..866551967 --- /dev/null +++ b/docs/framework/react/community/atharva-tutorial.md @@ -0,0 +1,23 @@ +--- +id: atharva-tutorial +title: Atharva's Tutorial +--- + +# Atharva's Tutorial + +[Atharva Deosthale](https://links.atharva.codes), a web developer and content creator, has created a tutorial on using TanStack Forms with React (specifically Next.js framework). The video is made for people who are just getting started with knowing TanStack Forms. This video will cover client-side form validation and server-side form validation by taking advantage of the Form SDK. + +This tutorial expects you to have basic knowledge of working of React and client-server architectures. + +[Link to the video - TanStack Form Tutorial - Best Form Library for React?](https://youtu.be/5oFQd-uAAHo?si=tR-SdJiRIUyYhk62) + +## Timestamps + +Following are links to specific parts of the video, if you want to jump right into what's more important to you. + +- [Introduction (0:00)](https://youtu.be/5oFQd-uAAHo?si=RcIMHTjKETF-HNyS) +- [Browsing Documentation (0:45)](https://youtu.be/5oFQd-uAAHo?si=d-Hhs1ksNX4WSDCx&t=45) +- [Creating a Next.js app & Installing TanStack Forms (1:53)](https://youtu.be/5oFQd-uAAHo?si=gWdW3_wKotdtAWYF&t=113) +- [Client side validation using TanStack Forms (3:10)](https://youtu.be/5oFQd-uAAHo?si=UswO6gcW5bzZji95&t=190) +- [Server side validation on server action using TanStack Forms (14:20)](https://youtu.be/5oFQd-uAAHo?si=lcv0VXVB7T2tHS4T&t=860) +- [Conclusion (28:38)](https://youtu.be/5oFQd-uAAHo?si=044UFSOb-yuPevz4&t=1718) From d3a91823de56b1a4ee4b9ae8bde7c35e57147ad1 Mon Sep 17 00:00:00 2001 From: Leonardo Montini Date: Tue, 6 May 2025 20:54:58 +0200 Subject: [PATCH 2/2] docs: add Atharva tutorial --- .../react/community/atharva-tutorial.md | 23 ------------------- docs/framework/react/community/tutorials.md | 10 ++++++-- 2 files changed, 8 insertions(+), 25 deletions(-) delete mode 100644 docs/framework/react/community/atharva-tutorial.md diff --git a/docs/framework/react/community/atharva-tutorial.md b/docs/framework/react/community/atharva-tutorial.md deleted file mode 100644 index 866551967..000000000 --- a/docs/framework/react/community/atharva-tutorial.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -id: atharva-tutorial -title: Atharva's Tutorial ---- - -# Atharva's Tutorial - -[Atharva Deosthale](https://links.atharva.codes), a web developer and content creator, has created a tutorial on using TanStack Forms with React (specifically Next.js framework). The video is made for people who are just getting started with knowing TanStack Forms. This video will cover client-side form validation and server-side form validation by taking advantage of the Form SDK. - -This tutorial expects you to have basic knowledge of working of React and client-server architectures. - -[Link to the video - TanStack Form Tutorial - Best Form Library for React?](https://youtu.be/5oFQd-uAAHo?si=tR-SdJiRIUyYhk62) - -## Timestamps - -Following are links to specific parts of the video, if you want to jump right into what's more important to you. - -- [Introduction (0:00)](https://youtu.be/5oFQd-uAAHo?si=RcIMHTjKETF-HNyS) -- [Browsing Documentation (0:45)](https://youtu.be/5oFQd-uAAHo?si=d-Hhs1ksNX4WSDCx&t=45) -- [Creating a Next.js app & Installing TanStack Forms (1:53)](https://youtu.be/5oFQd-uAAHo?si=gWdW3_wKotdtAWYF&t=113) -- [Client side validation using TanStack Forms (3:10)](https://youtu.be/5oFQd-uAAHo?si=UswO6gcW5bzZji95&t=190) -- [Server side validation on server action using TanStack Forms (14:20)](https://youtu.be/5oFQd-uAAHo?si=lcv0VXVB7T2tHS4T&t=860) -- [Conclusion (28:38)](https://youtu.be/5oFQd-uAAHo?si=044UFSOb-yuPevz4&t=1718) diff --git a/docs/framework/react/community/tutorials.md b/docs/framework/react/community/tutorials.md index 048911a7b..8193f8303 100644 --- a/docs/framework/react/community/tutorials.md +++ b/docs/framework/react/community/tutorials.md @@ -3,6 +3,12 @@ id: community-tutorials title: Community Tutorials --- -This page is a collection of community-created tutorials, articles, and videos that can help you learn more about TanStack Form from different perspectives. If you created a resource that you would like to add to this list, please open a PR! We keep them in chronological order by publish date to ensure the most up to date content is at the top. +This page is a collection of community-created tutorials, articles, and videos that can help you learn more about TanStack Form from other developers. If you created a resource that you would like to add to this list, please open a PR! We keep them in chronological order by publish date to ensure the most up to date content is at the top. -> Please note that the content listed here is entirely community maintained. They might not be 100% aligned with the official recommendations and best practices, but they still provide valuable insights into the library. +> Please note that the content listed here is entirely community maintained. While it may not be fully aligned with official recommendations and best practices, it can still offer valuable insights and alternative perspectives. + +## TanStack Form Tutorial - Best Form Library for React? + +[Watch Video](https://youtu.be/5oFQd-uAAHo) (March 7th, 2025) + +A tutorial from [Atharva Deosthale](https://links.atharva.codes) using TanStack Form in a Next.js project. The video is made for people who are just getting started with knowing TanStack Form and will cover client-side form validation and server-side form validation by taking advantage of the Form SDK. This tutorial expects you to have basic knowledge of working of React and client-server architectures.