Awaisawaisdev.dev·Apr 14, 2024Exploring Zod and the Benefits of Schema-Based Validation in TypeScript ProjectsIntroduction This post explores Zod, a library that provides "TypeScript-first schema validation with static type inference". We'll explore how it works and why it's so useful. Manual Validation If you've found yourself manually writing validation ch...Discuss·182 readszod
John PagleyforJoyfilljoyfill.hashnode.dev·Apr 11, 2024Embed a form builder with AngularIn this guide, we'll show how to embed a form builder with Angular using the Joyfill JS forms SDK, and offer a world-class form solution in minutes. You can think of Joyfill as a sort of Stripe or Twilio, but for forms. How to embed a form builder wi...DiscussAngular
DAIKH NASSIMnhasbeen.hashnode.dev·Apr 8, 2024Vue 3 - Custom Input with BreadCrumb InputHi and welcome to the first article of my Vue serie. This serie will hopefully bring another way of breaking down Vue for developers in order to get started on grasping more and more complex Vue Components. Our Goal This article will offer a way to c...DiscussVue 3 - Leveraging the FrameworkVue.js
AccDevabojeonline.com·Apr 7, 2024HTML 107: Forms and Buttons in HTMLWe have come this far in HTML, just three more articles before we complete the HTML course. Let's take a refresher quiz before we proceed to today's lesson. Refresher quiz What is a table in HTML and how are they created?Tables are used to analyze da...DiscussFront End Development: The Accidental Developer Seriesforms
Ben Orloffblog.benorloff.co·Apr 4, 2024Debounce Form Inputs with React Hook FormIntro First of all, what exactly does debouncing mean? Debouncing is a programming practice used to ensure that time-consuming tasks do not fire so often, that it stalls the performance of the web page. In other words, it limits the rate at which a ...Discuss·46 readsBuild a Multi-Step Form in Next.jsNext.js
John PagleyforJoyfilljoyfill.hashnode.dev·Apr 3, 2024Embed a form builder with SwiftIn this guide, we'll show how to embed a form builder with Swift using Joyfill’s Swift form builder SDK, and learn how to render your first form in minutes. You can think of Joyfill as a sort of Stripe or Twilio, but for forms. Reference for integrat...DiscussSwift
Ben Orloffblog.benorloff.co·Apr 3, 2024Async Form Validation with Zod & React Hook FormThis post is a continuation of my series on building forms in Next.js. If you'd like to follow along, feel free to check out Create Your First Next.js App and Create a Form with React Hook Form & Next.js The Validation Schema Since we're using Zod to...Discuss·49 readsBuild a Multi-Step Form in Next.jsNext.js
Ben Orloffblog.benorloff.co·Apr 1, 2024FeaturedCreate a Form with React Hook Form & Next.jsIf you're building a Next.js app (or any web app for that matter), there's a pretty good chance that you'll need to incorporate a form to collect important data from your users. As ubiquitous as forms are in the context of web apps, their complexity ...Hit Club and 1 other are discussing this2 people are discussing thisDiscuss·30 likes·614 readsBuild a Multi-Step Form in Next.jsNext.js
Oyier Oyieroyier.hashnode.dev·Apr 1, 2024Form State Management & Validation in React (Part 3): Using Yup with React Hook FormIn the previous article, we discussed how to use the React Hook Form library to manage form state and validate the data users input in our forms before submission. The latter is meant to enforce data integrity by ensuring only data of a valid kind is...DiscussReact
Sai HariProblog.thesshguy.com·Mar 29, 2024Understanding Honeypots: A Guide to Protecting Your Website from Spam BotsThe modern web is full of spam bots. Bots are automated "users" that are programmed for specific tasks. While some bots are good, such as bots designed to monitor website health, many bots are created for malicious reasons. For example, spam bots are...DiscussReact