The latest articles on DEV Community by Robbe Vaes (@robbe95). https://dev.to/robbe95 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1140075%2Fba05c5a5-c165-48be-93f6-6f9dcaa2aef3.png https://dev.to/robbe95 en Robbe Vaes Wed, 16 Aug 2023 11:31:28 +0000 https://dev.to/robbe95/introducing-formango-the-fruitful-way-to-simplify-form-validation-in-vue-1i6e https://dev.to/robbe95/introducing-formango-the-fruitful-way-to-simplify-form-validation-in-vue-1i6e <p>Heyhey!</p> <p>Me and a colleague made an internal form tool for our company based on the popular react-hook-form library. We recently decided to rebrand it and make it open-source! We came up with the name pretty quick, and asked our designers to make a little mascot guy for us.</p> <p>Introducing Formango, a brand new form library!</p> <p><a href="https://imgur.com/a/1nqrPs4">Usage example</a></p> <p><strong>So why go bananas for Formango?</strong></p> <p>Formango takes the hassle out of form validation in your Vue applications, providing solid benefits that enhance your development process:</p> <ul> <li> <strong>Type-Safe confidence</strong>: Formango is built with TypeScript at its core, ensuring that your form validations are robust and free from type-related surprises. Catch errors at compile-time and enjoy a more confident development experience.</li> <li> <strong>Built-in Zod integration</strong>: Formango is built to integrate with Zod, a powerful schema validation library. This means you can define your data structures with Zod and effortlessly apply these schemas to your Vue forms using Formango.</li> <li> <strong>Clean and maintainable</strong>: Say goodbye to tangled validation logic. Formango promotes a clean and declarative approach to form validation, making your codebase easier to understand and maintain.</li> <li> <strong>Flexibility in your hands</strong>: As a headless validation library, Formango adapts to your needs, whether it's handling complex and custom forms or a simple login form. Customize the validation to fit your specific use cases without compromising on quality.</li> <li> <strong>Vue ecosystem friendly</strong>: Built-in devtools makes it easy to debug your complex forms.</li> <li> <strong>Fruity</strong>: It follows the trend of fruit-based Vue libraries.</li> </ul> <p>We have been using it internally for a little while now, so it should be stable. Using it internally also means we keep it up-to-date and maintain it pretty regularly. For example we are looking into expanding its usage to also support Valibot, a new schema library, once that is stable.</p> <p>We're excited to hear your feedback and feature requests. While we aim to keep Formango minimal, we're open to suggestions that enhance its usability and value.</p> <p>Check out the <a href="https://wouterlms.github.io/forms/">Documentation</a> and <a href="https://github.com/wouterlms/forms">GitHub Repository</a> for more details.</p> vue typescript webdev javascript