Trending

#reacthookform

Latest posts tagged with #reacthookform on Bluesky

Latest Top
Trending

Posts tagged #reacthookform

Preview
GitHub - react-hook-form/react-hook-form: πŸ“‹ React Hooks for form state management and validation (Web + React Native) πŸ“‹ React Hooks for form state management and validation (Web + React Native) - react-hook-form/react-hook-form

I wish I've never picked github.com/react-hook-f... in the first place.

You cannot implement a secure password and confirmation password form with that library #reacthookform πŸ‘Ž

0 0 0 0
Preview
GitHub - pupeno/convex-nextjs-playground Contribute to pupeno/convex-nextjs-playground development by creating an account on GitHub.

I built a tiny sample application with #Convex and I think it's more complex than an app with one form, one table and 5 fields should be. I'd appreciate any feedback in how I can make it better (while still being sound):

github.com/pupeno/conve...

#react #nextjs #reacthookform

2 0 0 0
Preview
Handling Forms in Next.js with React Hook Form, Zod, and Server Actions. Working with forms in modern React applications can be very frustrating if you’re not using the right tools. Luckily, React Hook Form…

Just dropped a guide on handling forms in Next.js the right way πŸš€
βœ… React Hook Form
βœ… Zod validation
βœ… Server Actions for clean backend handling

Type-safe. Scalable. Modern.

🧠 Read here πŸ‘‰

medium.com/@techwithtwi...

#NextJS #ReactHookForm #WebDev #TypeScript #TechWithTwin

4 0 0 0
Preview
A True React Hook Form Alternative – FormEngine 4.0 Is Now MIT Licensed and Free! πŸš€ React developers, here's big news! On May 15, 2025, Optimajet released FormEngine Core 4.0, making essential libraries available under the permissive MIT license free even for commercial use. FormEngine is now the leading alternative to React Hook Form, especially for teams building complex, interactive forms. **Why switch from React Hook Form to FormEngine?** ## ⚑️ Rapid and Simple Setup React Hook Form requires extensive manual setup of controllers, hooks, and validation logic. FormEngine simplifies this by leveraging intuitive, schema-based definitions. ## 🎨 Powerful Drag-and-Drop FormEngine Visual Designer Unlike React Hook Form’s code-only approach, FormEngine includes an intuitive visual editor, allowing instant form creation and modification, significantly speeding up development. _(Note: FormEngine Visual Designer is a paid component for commercial use; however, its full functionality is available for unlimited testing.)_ ## πŸ”Œ Easy Custom Components Integration React Hook Form’s custom component integration can be cumbersome. FormEngine makes this seamless, simplifying component binding and custom logic implementation. ## πŸ“± Real-Time Form Previews Get instant visual feedback as you build forms. React Hook Form needs extra setup or third-party tools for similar functionality. ## Built-In Component Library Unlike React Hook Form, FormEngine comes with a built-in library of ready-to-use components (@react-form-builder/components-rsuite), further accelerating development and reducing the need to create components from scratch. ## Completely Free and MIT Licensed FormEngine’s core libraries are now MIT-licensed and fully free, even for commercial use: πŸ“¦ @react-form-builder/core πŸ“¦ @react-form-builder/components-rsuite πŸ“¦ @react-form-builder/viewer-bundle ## πŸ’‘ Highlights of FormEngine Core 4.0: * UI-Agnostic: Integrate effortlessly with UI libraries like MUI, Ant Design, shadcn/ui, and more. * Framework-Friendly: Built-in support for Next.js, Remix, and framework-agnostic CDN deployment. * Multi-Database Compatibility: Seamlessly use MySQL, PostgreSQL, MongoDB, SQLite, and more. * Robust Validation: Powered by Zod, with extensible support for Yup, AJV, Superstruct, and Joi. * Dynamic & Responsive: Create reactive, adaptive layouts with MobX-powered dynamic properties. * Flexible Storage: Store forms as JSON or generate them programmatically. 🎬 Watch the video to see FormEngine in actionβ€”start building your forms faster, smarter, and with greater ease than ever before! In this step-by-step tutorial, I'll walk you through building a simple React demo app using FormEngine. You'll see how quickly you can design, render, and manage forms β€” without writing endless custom code. ## βœ… Try it out in 2 minutes npm install @react-form-builder/core ## What you'll learn: 1. How to install and set up the FormEngine Core Library 2. Creating and editing forms using JSON 3. Running your app and previewing form behavior 4. Using the FormEngine Visual Designer to create forms ## 🌍 Help us grow the ecosystem, if you like the project: ⭐ Star us on GitHub πŸ’¬ Share feedback! Have feature requests or thoughts on the docs? Share them in the comments below! πŸ”— Mention @optimajet Formengine X / Twitter ## πŸš€ This is just the beginning β€” part two is on the way! We'll provide a detailed comparison between React Hook Form and FormEngine Core. πŸ“˜ Docs, Live Demo & Examples: formengine.io/documentation **We’d love to address your specific questions, so please leave your questions in the comments, and we'll include the answers in our upcoming comparison!**
0 0 0 0
Post image

πŸš€ Quick React Hook Form Tip!

Instead of setting form values one by one with `setValue`, you can use:

```ts
form.reset({ email: profile.data?.email });
```

βœ… Clean
βœ… Simple
βœ… Great for populating forms from API responses!

#reacthookform #typescript #nextjs #webdev #devtips

1 0 0 0
Preview
Simplifying Forms with Zod and React Hook Form Building forms in React can be challenging, especially when handling validation and state management. React Hook Form simplifies the…

I'm currently using Zod and React Hook Form at my job for form handling and validation. Wrote an article to dive deeper into it:
medium.com/@jukemori/si...
#zod #reacthookform

2 0 0 0
Post image

How to Use React Hook Form to Submit a Form in Next.js
www.geekboots.com/nextjs/how-t...
YouTube Video: youtu.be/VLvecZISYqw
#Nextjs14 #reacthookform #formsubmittion #contactforms #webdevelopment #webdesign

1 0 0 0
Preview
Managing Forms with React Hook Form Working with forms in React is notoriously difficult, particularly when there are dynamic fields involved. There exist several libraries that make the whole process easier. One such library is React H...

claritydev.net/blog/managin...

#react #reacthookform #forms #frontend

0 0 0 0