Chidera HumphreyforfreeCodeCampfreecodecamp.org·Nov 22, 2024How to Handle Forms in Next.js with Server Actions and Zod for ValidationForms are essential in modern websites, as they help you collect your users’ information. So knowing how to handle forms properly is crucial when you’re building web applications. In this article, you will learn how to handle forms in Next.js using s...DiscussNext.js
syncfusionsyncfusion-blogs.hashnode.dev·Nov 8, 2024Integrating Syncfusion Vue Form Components and VuelidateTL;DR: Let’s learn how to build a registration form using Syncfusion Vue components and Vuelidate for validation. This guide covers setting up form fields, applying validation rules, and showing real-time error messages—ideal for creating intuitive, ...Discussvuelidate
Kceekcee.hashnode.dev·Oct 18, 2024Enhance Your Express Applications with Zod LibraryExpress.js is a great framework for building web applications. It offers flexibility, and ease of use whilst being very robust. In this article, we will use Zod to enhance the features of a web API built with Express. Zod is a schema validation libra...DiscussAPI development
Vitthal Korvanvitthal-korvan.hashnode.dev·Oct 16, 2024React JS - Reducers And Context APIuseReducer what is useReducer useReducer is like a "state manager" that breaks down the state-changing process into three main parts: State: This is the current state (or the current values/data in your app). Action: This is what triggers a change ...Discuss·2 likesReact-MasteryuseReducer
Yusuf Uysalyusufuysal.hashnode.dev·Oct 10, 2024React Interview Questions (Part 6): Forms and Events1. How do you handle forms and form validation in React? In React, handling forms and validating inputs is made easy by utilizing controlled components. A controlled component is where form input elements like <input>, <textarea>, and <select> derive...DiscussReact Interview QuestionsReact
Frank Lamfranklam.hashnode.dev·Sep 26, 2024React Hook Form’s Controller: When and Why to Use ItWhen building forms in React, managing form state and validations can get tricky, especially when using third-party form components like Material-UI or Ant Design, which don’t integrate seamlessly with React Hook Form’s native inputs. This is where C...DiscussReact
Eaysin Arafateaysin-arafat.hashnode.dev·Sep 17, 2024Case Study: Building react-form-interactions - A High-Performance React Library for Form State and ValidationProject Overview react-form-interactions is a sophisticated and reusable library for managing form state and validation in React applications. The library is engineered to streamline the handling of form interactions, validations, and state updates. ...Discuss·67 readsForm State
Prateek Tewarireactingcoder.com·Sep 14, 2024Formik: The Checkbox Form Journey – What Should Neo Choose?It’s Saturday morning, and Neo finds himself staring at his computer screen, ready to dive into the world of Formik. Neo’s mission for the weekend is simple but daunting: explore Formik and integrate it into his everyday work. Enter Mobius, Neo’s men...Discuss·13 likes·181 readsform validation
Subham Rawatsubham123.hashnode.dev·Sep 10, 2024🚀 Unlock seamless form validation in your React Native app with Yup! 🎉Yup is a schema builder designed for runtime value parsing and validation. With Yup, you can define schemas, transform values to match specific criteria, and assert the shape of existing values—all in one go. Whether you're dealing with simple data m...Discussform validation
Vitthal Korvanvitthal-korvan.hashnode.dev·Sep 3, 2024React JS - Working With FormsForm Elements 1. Working with input field in Forms import { useState } from 'react' import './App.css' function App() { const [username, setUsername]=useState("") //default value is empty string function handleUsername(e){ console.log(e.tar...Discuss·6 likes·26 readsReact-MasteryReact
