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·196 readszod
Renisha Christie.Ablog.renishachristie.com·Apr 14, 2024Building a Collaborative Data Visualization Platform: Week 2 - Home Screen & AuthenticationHello everyone, and welcome back for week 2 of the collaborative data visualization platform project! This week brought a mix of exciting progress, a chance to delve deeper into responsible data use, and some valuable learning experiences. Laying the...DiscussWeek by Week: The Making of a Collaborative Visualization PlatformNext.js
Lokesh Sharmalokeshkavisth.hashnode.dev·Mar 30, 2024Validate forms with NextJS 14, typescript, and ZodNext.js 14, with its emphasis on efficiency and developer experience, makes an excellent platform for developing modern web apps. However, ensuring user input validity is critical to providing a satisfactory user experience. This blog article discuss...DiscussThe Dev Diaries: 100 Days, 100 Blogsnextjs 14
Meghna Chandram3ghna.hashnode.dev·Mar 22, 2024Interactive Web Forms: HTML, CSS, and JS EssentialsForms are essential to web development, allowing users to interact with websites by submitting data. They are commonly used for various purposes - Data Collection, User Authentication and Authorization, E-commerce Transactions, User Feedback, Search ...Discuss·31 readsWeb Development
Madhu Sainimadhusaini22.hashnode.dev·Mar 12, 2024Simplify your react forms with FormikIntroduction🚀 Creating forms in React can be a bit of a hassle. There are a lot of moving parts, from handling input validation to managing form state. That's where Formik comes in. In this blog post, we'll explore why Formik is handy for building f...Discuss·10 likes·36 readsReact
Vincent Revardvincentrevard.hashnode.dev·Mar 3, 2024Yup Validation and Formik Form Control in React/VITEIntroduction In the vast realm of web development, handling form data is a common yet crucial task. With the advent of powerful tools like React and VITE, developers have access to efficient libraries such as Yup and Formik to streamline the form val...Discuss·52 readsyup
DJ Scruggsdjscruggs.hashnode.dev·Feb 29, 2024Real-time password verification in ReactNote: the code for this tutorial can be found here. Password verification is one of the most annoying things in web development, both for developers and users. Nonetheless, weak passwords are the single most common attack vector for cyberattacks, so ...Discuss·1 like·177 readsauthentication
Khanin ChomphusriProblog.nintech.dev·Feb 28, 2024FormState vs FormFieldState in FlutterTLDR; FormState will store the state such as validation for the entire form, but FormFieldState will store the state for only oneTextFormField. When we code a form in our application, we will need to use GlobalKey cast with FormState, GlobalKey<FormS...DiscussFlutter
Khanin ChomphusriProblog.nintech.dev·Feb 28, 2024FormState vs. FormFieldState ใน FlutterTLDR;FormStateจะเก็บค่า state เช่นการ validate สำหรับฟอร์มทั้งฟอร์ม แต่FormFieldStateจะเก็บค่า state สำหรับTextFormFieldเพียงอันเดียว ในตอนที่เราโค้ดฟอร์มในแอพพลิเคชั่นของเรา เราจะต้องใช้ GlobalKey ที่ cast ด้วย FormState , GlobalKey<FormState>,หรือ ...Discuss·140 readsFlutter
Canopascanopas.hashnode.dev·Feb 23, 2024Next.js: How to validate forms on the server side using ZodIn the fast-paced world of web development, form validation is a crucial aspect to ensure that the data submitted by users is accurate and secure. Next.js, a leading React framework, offers a solid foundation for server-rendered applications. In this...Discusswebdev