React/NEXT Forms: 21 Techniques
Connect with me here:
LinkedIn Profile: / khurram-ali1
Github Repository Link:
https://github.com/destocottest/react...
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/giraffer...
Playlist:
• React and Next.js Forms: 21 Techniques
Hello this is a compiled video of my react/nextjs video for your conviences. In this 3+ hour video, we go through 21 different ways to make forms and work with data in react and nextjs.
Topics Covered:
#reactjs #nextjs #typescript #DOMManipulation #useStateHook #CustomuseFormHook #FormDataAPI #FormikLibrary #YupValidationLibrary #ReactRouter #QueryParameters #LocalStorage #SessionStorage #APIs #MultiPageForms #useRefHook #CSSStyling #Next.js #RouteHandlers #ServerActions #useFormStateHook #useFormStatusHook #SearchParams #FormStateinURL #ReactHookForm #ZodValidation #shadcn #TailwindCSSStyling
Timestamps:
00:00:00 Introduction / Initial Styling
00:10:00 Query Selector Form
00:16:00 Multiple States Form
00:21:30 Single State Form
00:28:30 Custom Hook Form
00:36:00 Form Data Form
00:41:00 Formik Form
00:50:15 Formik Components Form
00:57:20 Formik With Yup Validation Form
01:03:00 Query Parameters Form
01:13:00 React Router Form
01:18:20 Local Storage Form
01:31:30 Multi Step Form
01:40:30 Multiple Ref Form
01:44:00 Next.js Setup / Tailwind Initial Styling
02:01:10 Route Handler Form
02:19:40 Server Actions Form
02:26:30 Server Action with Validation Form
02:40:30 Server Params Form
03:05:15 URL Redirect Form
03:11:50 react-hook-form Form
03:32:20 react-hook-form with Zod Validation Form
03:44:45 shadcn/ui Form