resources.tsx

export default {
  article: [
    {
      type: "article",
      title: "How to Create and Validate Forms With React Hook Form",
      url: "https://catalins.tech/react-forms-with-react-hook-form/",
      authorUrl: "https://catalins.tech/",
      author: "Catalin Pit",
      description:
        "The article shows how to build and validate forms using the React Hook Form library.",
      createdDateTime:
        "Tue Mar 28 2023 16:55:46 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "Powerful Form Validation With React Hook Form and Zod",
      url: "https://catalins.tech/form-validation-with-react-hook-form-zod-typescript/",
      authorUrl: "https://catalins.tech/",
      author: "Catalin Pit",
      description:
        "This article demonstrates how to use React Hook Form, Zod, and TypeScript to build powerful form validation in a React application. It covers defining a Zod schema, inferring TypeScript types, integrating the schema with React Hook Form, and adding advanced validation rules.",
      createdDateTime:
        "Thu Apr 06 2023 18:40:16 GMT+0200 (Eastern European Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "Managing forms with React Hook Form",
      url: "https://claritydev.net/blog/managing-forms-with-react-hook-form",
      authorUrl: "https://claritydev.net",
      author: "Alex Khomenko",
      description:
        "In this post, we talk about the basics of React Hook Form and learn how to use it to simplify form management in your React applications.",
      createdDateTime:
        "Sun Mar 26 2023 02:00:00 GMT+0200 (Eastern European Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "Testing React Hook Form With React Testing Library",
      url: "https://claritydev.net/blog/testing-react-hook-form-with-react-testing-library",
      authorUrl: "https://claritydev.net",
      author: "Alex Khomenko",
      description:
        "In this post, we'll explore how to use React Testing Library to test React Hook Form components.",
      createdDateTime:
        "Sun Mar 28 2023 02:00:00 GMT+0200 (Eastern European Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "Build a Multistep Form With React Hook Form",
      url: "https://claritydev.net/blog/build-a-multistep-form-with-react-hook-form",
      authorUrl: "https://claritydev.net",
      author: "Alex Khomenko",
      description:
        "In this post, we'll build a basic multistep registration form, which collects the user's info and then presents it in a confirmation view, which can be reviewed and edited before the submission.",
      createdDateTime:
        "Thu Sep 29 2022 03:00:00 GMT+0300 (Eastern European Summer Time)",
      version: "7",
    },
    {
      type: "article",
      title:
        "React Hook Form ライブラリの使い方！フォームのバリデーションを実装しよう【TypeScript】",
      url: "https://xn--eckhu0e2b3a6i6dsh.net/react-hook-form/",
      authorUrl: "https://twitter.com/shohei__creator",
      author: "shohei",
      description:
        "HTMLで構成されるフォームに細かなバリデーションをかけるには、JavaScriptによるDOM操作が必須になります。バリデーション処理を実装する作業は手間が多いので、バリデーション用のライブラリを使う方法が現実的です。",
      createdDateTime:
        "Wed Nov 26 2021 15:49:30 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title:
        "How to Use React-Hook-Form to Build Beautiful Forms with Chakra UI",
      url: "https://www.freecodecamp.org/news/how-to-use-react-hook-form-with-chakra-ui/",
      authorUrl: "https://www.freecodecamp.org/news/author/georgey/",
      author: "Georgey V B",
      description:
        "In HTML, it’s the default behavior for forms to redirect to a new page whenever they're submitted. So in order to provide dynamic functionality, React uses a strategy called controlled components.",
      createdDateTime:
        "Wed May 26 2021 15:49:30 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "What’s New in React Hook Form V7",
      url: "https://blog.logrocket.com/whats-new-in-react-hook-form-v7/",
      authorUrl: "https://blog.logrocket.com/author/chinwikemaduabuchi/",
      author: "Chinwike Maduabuchi",
      description:
        "React Hook Form V7 supports strictly typed forms with the help of TypeScript. See what else is new in the most recent release.",
      createdDateTime:
        "Tue May 04 2021 20:40:50 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "React Hook Form 7 - Form Validation Example",
      url: "https://jasonwatmore.com/post/2021/04/21/react-hook-form-7-form-validation-example",
      authorUrl: "https://jasonwatmore.com/",
      author: "Jason Watmore",
      description: "Example built with React Hook Form 7.2.1 and React 17.0.2",
      createdDateTime:
        "Wed Apr 21 2021 17:03:23 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "Using React Hook Form with Material-UI Components",
      url: "https://levelup.gitconnected.com/using-react-hook-form-with-material-ui-components-ba42ace9507a",
      authorUrl: "https://chadmuro.medium.com/",
      author: "Chad Murobayashi",
      description:
        "A better way to handle your form data when using Material-UI",
      createdDateTime:
        "Sun Apr 18 2021 18:30:54 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "Turn Anything Into A Form Field With React Hook Form Controller",
      url: "https://dev.to/elyngved/turn-anything-into-a-form-field-with-react-hook-form-controller-42c",
      authorUrl: "https://dev.to/elyngved",
      author: "Erik Lyngved",
      description:
        "React Hook Form has quickly become my favorite library to wrangle forms of all shapes and sizes, mainly for its great developer experience.",
      createdDateTime:
        "Mon Apr 12 2021 12:12:54 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "How to Use React Hook Form with TypeScript",
      url: "https://javascript.plainenglish.io/how-to-use-react-hook-form-with-typescript-2cf597c0c45f",
      authorUrl: "https://56faisal.medium.com/",
      author: "Mohammad Faisal",
      description: "Build Performant and Clean Forms for Your Web Application",
      createdDateTime:
        "Wed Apr 07 2021 19:18:08 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "article",
      title: "React Hook Formのアップデート内容 - Version 7",
      url: "https://qiita.com/bluebill1049/items/f838bae7f3ed29e81fff",
      authorUrl: "https://qiita.com/bluebill1049",
      createdDateTime:
        "Sat Mar 20 2021 18:02:05 GMT+1100 (Australian Eastern Daylight Time)",
      author: "Bill Luo",
      version: "7",
    },
    {
      type: "article",
      title: "What's new in React Hook Form's resolvers V2",
      url: "https://dev.to/jorisre/what-s-new-in-react-hook-form-s-resolvers-v2-2a5o",
      authorUrl: "https://dev.to/jorisre",
      author: "Joris",
      version: "7",
    },
    {
      type: "article",
      title: "What's coming in React Hook Form - Version 7",
      url: "https://dev.to/bluebill1049/what-s-coming-in-react-hook-form-version-7-4bfa",
      authorUrl: "https://dev.to/bluebill1049",
      author: "Bill Luo",
      description: "Introduction to React Hook From V7.",
      createdDateTime:
        "Sat Mar 20 2021 18:02:05 GMT+1100 (Australian Eastern Daylight Time)",
      version: "7",
    },
    {
      type: "article",
      url: "https://dnizfor.medium.com/react-hook-form-i%CC%87%C3%A7in-kapsaml%C4%B1-bir-rehber-73a65fc16a8f",
      title: "React Hook Form İçin Kapsamlı Bir Rehber",
      author: "Deniz Aslan",
      authorUrl: "https://www.linkedin.com/in/aslandeniz",
      description: "",
      version: "7",
    },
    {
      type: "article",
      url: "https://blog.logrocket.com/react-hook-form-vs-formik-a-technical-and-performance-comparison/",
      title:
        "React Hook Form vs. Formik: A technical and performance comparison",
      author: "Siegfried Grimbeek",
      authorUrl: "https://blog.logrocket.com/author/siegfriedgrimbeek/",
      version: "6",
    },
    {
      type: "article",
      title: "Why react-hook-form is my new favorite form library",
      url: "https://swizec.com/blog/why-react-hook-form-is-my-new-favorite-form-library/swizec/9467",
      authorUrl: "https://twitter.com/Swizec",
      author: "Swizec Teller",
      description: "",
      version: "6",
    },
    {
      type: "article",
      url: "https://blog.bitsrc.io/react-hook-form-an-elegant-solution-to-forms-in-react-4db64505b0cd",
      title: "React Hook Form — An Elegant Solution to Forms in React",
      author: "Mahesh Haldar",
      authorUrl: "https://blog.bitsrc.io/@haldar.mahesh",
      version: "6",
    },
    {
      type: "article",
      url: "https://elazizi.com/forms-in-react-native-the-right-way",
      title: "Forms in React Native, The right way",
      author: "Youssouf El Azizi",
      authorUrl: "https://twitter.com/ElaziziYoussouf/",
      version: "6",
    },
    {
      type: "article",
      url: "https://seifi.org/reactjs/build-a-contact-form-in-gatsby-part-2-react-hook-form.html",
      title: "Build a contact form in Gatsby - Part 2 - React Hook Form",
      author: "Joe Seifi",
      authorUrl: "https://seifi.org/about/",
      version: "6",
    },
    {
      type: "article",
      url: "https://dev.to/matfrana/react-hook-form-the-best-form-library-1o1l",
      title: "React Hook Form: the best form library?",
      author: "Matteo Frana",
      authorUrl: "https://twitter.com/matfrana",
      version: "6",
    },
    {
      type: "article",
      url: "https://dev.to/jodylecompte/hookify-your-react-forms-154o",
      title: "Hookify Your React Forms",
      author: "Jody LeCompte",
      authorUrl: "https://dev.to/jodylecompte",
      version: "6",
    },
    {
      type: "article",
      url: "https://itnext.io/is-react-hook-form-the-future-57c6f94a2665",
      title: "Is React Hook Form the future?",
      authorUrl: "https://itnext.io/@gapur.kassym",
      author: "Gapur Kassym",
      version: "6",
    },
    {
      type: "article",
      url: "https://medium.com/@angular_evan/yup-you-should-use-react-hook-form-9864d8bc80ef",
      title: "Yup, you should use React Hook Form",
      authorUrl: "https://medium.com/@angular_evan",
      author: "Evan Williams",
      version: "6",
    },
    {
      type: "article",
      url: "https://medium.com/better-programming/build-the-next-generation-of-forms-with-react-hooks-forms-b4f2039e51c1",
      title: "Build the Next Generation of Forms With React Hooks Forms",
      authorUrl: "https://medium.com/@riccardogiorato",
      author: "Riccardo Giorato",
      version: "6",
    },
    {
      type: "article",
      url: "https://nordschool.com/react-hook-form/",
      title: "Pain-Free Forms with React Hook Form",
      authorUrl: "https://mansour.blog/about",
      author: "Ahmed Mansour",
      version: "6",
    },
    {
      type: "article",
      url: "https://cloud.tencent.com/developer/article/1520536",
      title: "React Hook form 表单校验",
      authorUrl: "https://cloud.tencent.com/developer/user/5206638",
      author: "我已经洗完澡了",
      version: "6",
    },
    {
      type: "article",
      url: "https://medium.com/the-existing/%E0%B8%97%E0%B8%B3-multi-step-forms-%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-react-hook-form-%E0%B9%81%E0%B8%A5%E0%B8%B0-usecontext-b3c2137836e2",
      title: "ทำ Multi-Step Forms ด้วย React Hook Form และ useContext",
      authorUrl: "https://medium.com/@jidapapattanang",
      author: "Jidapa Pattanang",
      version: "6",
    },
    {
      type: "article",
      url: "https://velog.io/@iamchanii/react-hooks-form-%EC%9D%84-%EC%86%8C%EA%B0%9C%ED%95%A9%EB%8B%88%EB%8B%A4-54k0rrj6m7",
      title: "라이브러리 추천: react-hook-form",
      authorUrl: "https://velog.io/@iamchanii",
      author: "이찬희",
      version: "6",
    },
    {
      type: "article",
      url: "https://blog.logrocket.com/popular-react-hook-libraries/",
      title: "Popular React Hook libraries",
      authorUrl: "https://blog.logrocket.com/author/raphaelugwu/",
      author: "Raphael Ugwu",
      version: "6",
    },
    {
      type: "article",
      url: "https://dev.to/bluebill1049/form-validation-with-hook-in-3kb-3d0l",
      title: "React form validation with Hook in 5kB",
      authorUrl: "https://dev.to/bluebill1049",
      author: "Bill Luo",
      version: "6",
    },
    {
      type: "article",
      url: "https://dev.to/bluebill1049/uncontrolled-form-for-react-2b3n",
      title: "⛓ Uncontrolled form validation with React",
      authorUrl: "https://dev.to/bluebill1049",
      author: "Bill Luo",
      version: "6",
    },
    {
      type: "article",
      url: "https://qiita.com/yhosok/items/7dd1963ee7138ec0642f",
      title: "React Hook Form 入門",
      authorUrl: "https://qiita.com/yhosok",
      author: "Yasunori Hosokawa",
      version: "6",
    },
    {
      type: "article",
      url: "https://qiita.com/seira",
      title: "React-Hook-Formがイケてるって聞いたので触ってみた",
      authorUrl: "https://qiita.com/yhosok",
      author: "seira",
      version: "6",
    },
    {
      type: "article",
      url: "https://qiita.com/akihiro_FE/items/b2295e6b98e8e8c881ed",
      title: "React-hook-formで簡単にバリデーションフォーム作る",
      authorUrl: "https://qiita.com/akihiro_FE",
      author: "akihiro_FE",
      version: "6",
    },
    {
      type: "article",
      url: "https://dev.to/aaronksaunders/using-react-hook-form-with-ionic-react-components-2aab",
      title: "Using React Hook Form with Ionic React Components",
      authorUrl: "https://dev.to/aaronksaunders",
      author: "Aaron K Saunders",
      version: "6",
    },
    {
      type: "article",
      url: "https://thewebdev.info/2020/04/29/react-hook-form-a-good-react-form-validation-library/",
      title: "React Hook Form – a Good React Form Validation Library",
      authorUrl: "https://thewebdev.info/author/admin/",
      author: "John Au-Yeung",
      version: "6",
    },
    {
      type: "article",
      url: "https://www.carlrippon.com/getting-started-with-react-hook-form-with-typeScript/",
      title: "Getting started with React Hook Form with TypeScript",
      authorUrl: "https://www.carlrippon.com/",
      author: "Carl Rippon",
      version: "6",
    },
    {
      type: "article",
      url: "https://medium.com/popcodemobile/criando-formul%C3%A1rios-em-react-native-utilizando-react-hook-form-e-yup-55ee36563063",
      title:
        "Criando formulários em React Native utilizando React Hook Form e Yup",
      authorUrl: "https://medium.com/@gabrielkabral",
      author: "Gabriel Menezes",
      version: "6",
    },
    {
      type: "article",
      url: "https://medium.com/@austinhowardtech/ionic-react-firebase-react-hook-form-14dfbf72078a",
      title: "Ionic React + Firebase: React Hook Form",
      authorUrl: "https://medium.com/@austinhowardtech",
      author: "Austin Howard Tech",
      version: "6",
    },
    {
      type: "article",
      url: "https://medium.com/@BhargavThakrar/testing-react-component-that-uses-react-hook-form-ad0162d440e",
      title: "Testing react component that uses react-hook-form",
      authorUrl: "https://medium.com/@BhargavThakrar",
      author: "Bhargav Thakrar",
      version: "6",
    },
    {
      type: "article",
      url: "https://medium.com/@ankita.singh170190/authentication-using-fetch-queries-and-react-hook-form-205f5d4064a",
      title: "Authentication using Fetch and react-hook-form",
      authorUrl: "https://medium.com/@ankita.singh170190",
      author: "Ankita Singh",
      version: "6",
    },
    {
      type: "article",
      url: "https://blog.bitsrc.io/react-hook-form-vs-formik-form-builder-library-for-react-23ed559fdae",
      title: "React Hook Form VS Formik",
      authorUrl: "https://blog.bitsrc.io/@nathansebhastian",
      author: "Nathan Sebhastian",
      version: "6",
    },
    {
      type: "article",
      title: "React: Forms and Validations with React Hook Form",
      url: "https://www.webdevdrops.com/en/react-forms-and-validations-react-hook-form",
      authorUrl: "https://www.webdevdrops.com/",
      author: "Douglas Matoso",
      description:
        "Hey, folks! In this post I will show you how to work with forms and validation in React, in a simple and efficient way, using the React Hook Form library.",
      version: "6",
    },
    {
      type: "article",
      title: "How to Use React-Hook-Form for Dead-Simple Forms",
      url: "https://reedbarger.com/how-to-use-react-hook-form-for-dead-simple-forms/",
      authorUrl: "https://twitter.com/codeartistryio",
      author: "Reed Barger",
      description: "",
      version: "6",
    },
    {
      type: "article",
      title: "How to test react-hook-form with react-native-testing-library",
      url: "https://www.albertgao.xyz/2020/07/19/how-to-test-react-hook-form-with-react-native-testing-library/",
      authorUrl: "https://twitter.com/albertgao",
      author: "Albert Gao",
      description: "",
      version: "6",
    },
    {
      type: "article",
      title: "Getting started with react-hook-form",
      url: "https://medium.com/javascript-in-plain-english/getting-started-with-react-hook-form-1dcaa73a172c",
      authorUrl: "https://medium.com/@aayush.acharya",
      author: "Aayush Acharya",
      description:
        "React-hook-form is a library which helps us to validate forms in React",
      version: "6",
    },
    {
      type: "article",
      title:
        "Building a simple login form with Material UI and React Hook Form",
      url: "https://www.williamkurniawan.com/blog/building-a-simple-login-form-with-material-ui-and-react-hook-form",
      authorUrl: "https://www.williamkurniawan.com",
      author: "William Kurniawan",
      description: "",
      version: "6",
    },
    {
      type: "article",
      title: "How to Build Forms in React with the react-hook-form Library",
      url: "https://www.freecodecamp.org/news/build-forms-in-react-with-react-hook-form-library",
      authorUrl: "https://twitter.com/myogeshchavan97",
      author: "Yogesh Chavan",
      description: "",
      version: "6",
    },
    {
      type: "article",
      title: "How to use React Hook Form with Material UI",
      url: "https://seanconnolly.dev/react-hook-form-material-ui",
      authorUrl: "https://twitter.com/seanconnollydev",
      author: "Sean Connolly",
      description: "",
      version: "6",
    },
    {
      type: "article",
      title: "フォームバリデーションを体験 - React Hook Form 入門",
      url: "https://zenn.dev/izuchy/articles/70f124d29c41e7cebd2c",
      authorUrl: "https://twitter.com/izuchy",
      author: "izuchy / IMPATH",
      description: "",
      version: "6",
    },
    {
      type: "article",
      title:
        "【React Native + Expo】React Hook Formでバリデーションを簡易実装してみる",
      url: "https://qiita.com/garmi/items/9d20c7d4181bc0ad28fe",
      authorUrl: "https://twitter.com/garmigarmi",
      author: "がーみ",
      description: "",
      version: "6",
    },
    {
      type: "article",
      title: "How to Create and Handle NextJS form with React Hook Form",
      url: "https://creativedesignsguru.com/how-to-create-and-handle-nextjs-form-with-react-hook-form/",
      authorUrl: "https://creativedesignsguru.com/blog/",
      author: "Creative Designs Guru",
      description: "",
      version: "6",
    },
    {
      type: "article",
      url: "https://www.akashmittal.com/react-native-forms-using-react-hook-form/",
      title: "React native forms using react-hook-form - Beginners Guide",
      author: "Akash Mittal",
      authorUrl: "https://www.akashmittal.com/author/akamit/",
      version: "6",
    },
    {
      type: "article",
      url: "https://bilir.me/blog/react-native-form-management-tutorial",
      title:
        "React Native Form Management Tutorial - Building a credit card form",
      author: "Halil Bilir",
      authorUrl: "https://twitter.com/hbilirr",
      version: "6",
    },
    {
      type: "article",
      url: "https://koprowski.it/react-native-form-validation-with-react-hook-form-usecontroller",
      title:
        "Handy form validation in React Native with useController hook from react-hook-form ",
      author: "Daniel Koprowski",
      authorUrl: "https://twitter.com/Koprowski_it",
      description:
        "Managing forms in React Native is different than in React. Custom components need callbacks or wrappers, which can make code hard to read. Here is a handy solution for React Native form validation. Without <Controller /> component!",
      version: "6",
    },
  ],
  video: [
    {
      type: "video",
      title:
        "React Hook Form - The Complete Course",
      url: "https://www.udemy.com/course/react-hook-form-the-complete-guide-with-react-js/?referralCode=3E2C92D62151E1659637",
      authorUrl: "https://www.youtube.com/@codaffection",
      author: "CodAffection",
      description:
        "Learn A - Z about React Hook Form library with a practical project build, An in-depth course covering the entire features of the library",
      version: "7",
    },
    {
      type: "video",
      title:
        "Working with Forms in React (React Hook Form, Zod & Component Libraries)",
      url: "https://www.youtube.com/playlist?list=PLeO8M-2wYaaV5vh2lRWV7qt_-Io8agaf-",
      authorUrl: "https://www.youtube.com/@vlad.nicula",
      author: "Vlad Nicula",
      createdDateTime:
        "Mon Jan 16 2023 22:13:15 GMT+1000 (Australian Eastern Standard Time)",
      description:
        "A series of videos on how to work with forms in React focusing on React Hook Form, Zod, and component libraries.",
      version: "7",
    },
    {
      type: "video",
      title: "Get your forms hooked with react-hook-form | code.talks 2022",
      url: "https://www.youtube.com/watch?v=rtFDMKH-X7k",
      authorUrl: "https://twitter.com/KerenKenzi",
      author: "Keren Kenzi",
      description:
        "As Front-end developers, we all know that forms can get really messy, but what if I told you that there is a library out there that can make your life much easier. In this talk, I'll introduce react-hook-form, a library that started to gain more and more popularity. It is super light, intuitive, performant, and flexible with easy-to-use validation. We'll cover its basics through a live code example and learn about its benefits. In addition, I will share with you my thoughts about what to look for when choosing a library to use.",
      createdDateTime:
        "Tue Dec 6 2022 20:19:15 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "video",
      title: "Get your forms hooked with react-hook-form | ReactNext 2021",
      url: "https://www.youtube.com/watch?v=vSixynAXpoU",
      authorUrl: "https://twitter.com/KerenKenzi",
      author: "Keren Kenzi",
      description:
        "As Front-end developers, we all know that forms can get really messy, but what if I told you that there is a library out there that can make your life much easier.",
      createdDateTime:
        "Mon Jan 16 2022 22:13:15 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "video",
      title:
        "React Hook Form V7 with Material UI and Typescript Tutorial | Part 5 -- Testing",
      url: "https://www.youtube.com/watch?v=Cz9en-hoKcw",
      authorUrl: "https://www.youtube.com/channel/UC3QP9uZ1UgqsZleXXZKs8cw",
      author: "Leo Roese",
      description:
        "The final part of my react-hook-form with Material UI tutorial and Typescript. This part we will be covering testing with react-testing-library and jest.",
      createdDateTime:
        "Mon Aug 16 2021 22:13:15 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "video",
      title:
        "React Hook Form V7 with Material UI and Typescript Tutorial | Part 4 -- Complex Forms with State",
      url: "https://www.youtube.com/watch?v=4rA3r1MJJwE",
      authorUrl: "https://www.youtube.com/channel/UC3QP9uZ1UgqsZleXXZKs8cw",
      author: "Leo Roese",
      description:
        "In this video, I will help in implementing a complex checkout form with shipping and billing information using context api.",
      createdDateTime:
        "Mon Aug 16 2021 22:12:43 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "video",
      title:
        "React Hook Form V7 with Material UI and Typescript Tutorial | Part 3 -- useFieldArray",
      url: "https://www.youtube.com/watch?v=3YvJg_eNyBc",
      authorUrl: "https://www.youtube.com/channel/UC3QP9uZ1UgqsZleXXZKs8cw",
      author: "Leo Roese",
      description:
        "In this video, I will help in understanding useFieldArray to create dynamic lists or tables.",
      createdDateTime:
        "Mon Aug 16 2021 22:11:53 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "video",
      title:
        "React Hook Form V7 with Material UI and Typescript Tutorial | Part 2 -- FormProvider",
      url: "https://www.youtube.com/watch?v=nt8NTuUbuG4",
      authorUrl: "https://www.youtube.com/channel/UC3QP9uZ1UgqsZleXXZKs8cw",
      author: "Leo Roese",
      description:
        "In this video, I will help in understanding FormProvider and useFormContext from React Hook Form and how to use it as well as implications.",
      createdDateTime:
        "Mon Aug 16 2021 22:11:25 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "video",
      title:
        "React Hook Form V7 with Material UI and Typescript Tutorial | Part 1 -- Setup",
      url: "https://www.youtube.com/watch?v=nt8NTuUbuG4",
      authorUrl: "https://www.youtube.com/channel/UC3QP9uZ1UgqsZleXXZKs8cw",
      author: "Leo Roese",
      description:
        "In this video, I will help install and understand the basics of React-Hook-Form, a library that makes working with forms an absolute breeze. We will also explore how to directly integrate this library with Typescript and UI kit libraries like Material UI.",
      createdDateTime:
        "Mon Aug 16 2021 22:10:45 GMT+1000 (Australian Eastern Standard Time)",
      version: "7",
    },
    {
      type: "video",
      title: "React Hook Form V7 (Preview)",
      url: "https://www.youtube.com/watch?v=ZBfBiwyR2HY",
      authorUrl: "https://www.youtube.com/channel/UC9qgXurGpQzePCx928oyIZg",
      author: "Bill Luo",
      description:
        "Introduction to React Hook From V7 (preview). Hope you will enjoy the next update",
      createdDateTime:
        "Sat Mar 20 2021 18:02:05 GMT+1100 (Australian Eastern Daylight Time)",
      version: "7",
    },
    {
      type: "video",
      title: "React Hook Form V7 - Get Started",
      url: "https://www.youtube.com/watch?v=DN8v7_RbVlc",
      authorUrl: "https://www.youtube.com/channel/UC9qgXurGpQzePCx928oyIZg",
      author: "Bill Luo",
      description:
        "Introduction to React Hook From V7 (preview). Hope you will enjoy the next update!",
      createdDateTime:
        "Sat Mar 20 2021 18:02:05 GMT+1100 (Australian Eastern Daylight Time)",
      version: "7",
    },
    {
      type: "video",
      title: "React Hook Form - custom hook for forms validation.",
      url: "https://www.youtube.com/watch?v=-mFXqOaqgZk",
      authorUrl: "https://www.youtube.com/channel/UC9qgXurGpQzePCx928oyIZg",
      author: "Bill Luo",
      description:
        "In this video tutorial, I am demonstrating how you can use react-hook-form to easily validate your forms.",
      version: "6",
    },
    {
      type: "video",
      title: "React Hook Form - persist multiple steps forms (Form Wizard).",
      url: "https://www.youtube.com/watch?v=CeAkxVwsyMU",
      authorUrl: "https://www.youtube.com/channel/UC9qgXurGpQzePCx928oyIZg",
      author: "Bill Luo",
      description: "Building persist multiple steps form with React Hook Form.",
      version: "6",
    },
    {
      type: "video",
      title: "React Hook Form Tutorial | Why it's Useful",
      url: "https://www.youtube.com/watch?v=PcrrJ0BOFGw",
      authorUrl: "https://www.youtube.com/user/Redhwann1",
      author: "Redhwan Nacef",
      description:
        "I feel like forms in react can get quite complicated. React hook form makes it slightly easier. This is a tutorial on how and why to use react hook form.",
      version: "6",
    },
    {
      type: "video",
      title: "React Hook Form - React Forms Episode II",
      url: "https://www.youtube.com/watch?v=0nDGeQKLFjo",
      authorUrl: "https://www.youtube.com/user/jherr2006",
      author: "Jack Herrington",
      description:
        "Let's get back into forms and look at your recommendation `react-hook-form`!",
      version: "6",
    },
    {
      type: "video",
      title: "Flexible Forms with React Hook Form",
      url: "https://www.youtube.com/watch?v=hHXzchWLoqw",
      authorUrl: "https://www.youtube.com/user/jherr2006",
      author: "Jack Herrington",
      description:
        "Learn about how to make forms with flexible sections, and also to use Module Federation to load in those form sections via dependency injection.",
      version: "6",
    },
    {
      type: "video",
      title: "Expando Forms in React Hook Form",
      url: "https://www.youtube.com/watch?v=kh27J3nI_oY",
      authorUrl: "https://www.youtube.com/user/jherr2006",
      author: "Jack Herrington",
      description:
        "Learn how to make forms that expand to add new sections dynamically.",
      version: "6",
    },
    {
      type: "video",
      title: "The best way to create forms in React",
      url: "https://www.youtube.com/watch?v=bU_eq8qyjic&t=38s",
      authorUrl: "https://www.youtube.com/user/satansdeer1",
      author: "Maksim Ivanov",
      description:
        "How to create forms in React. Right now the best way to create forms in React is to use React Form Hook library.",
      version: "6",
    },
    {
      type: "video",
      title: "Easy Way of Form Validation with React Hook Form",
      url: "https://www.youtube.com/watch?v=oXY_sSfjlSw",
      authorUrl: "https://www.youtube.com/channel/UCS3-MF_4ADqglU2OSly4vIw",
      author: "For Those Who Code",
      description:
        "In this video we will cover basics on how to validate form fields in React with React hook forms which is performant and really easy library to use.",
      version: "6",
    },
    {
      type: "video",
      title:
        "React Hook Form で簡単にフォームバリデーション: TypeScriptでReact.js入門#07",
      url: "https://www.youtube.com/watch?v=jpkHSn6SRLU",
      authorUrl: "https://www.youtube.com/channel/UCcDY8GkKPSOK_6frk9zZuHA",
      author: "WEBOTV / WEBプログラム学習チャンネル",
      description:
        "TypeScriptでReact.js入門をする講座 第7回目です。 今回はReact Hook Formというライブラリを使用して入力フォームのチェック（バリデーション）を設定する方法をご紹介します。",
      version: "6",
    },
    {
      type: "video",
      title: "Make React Forms EASY with React Hook Form!",
      url: "https://www.youtube.com/watch?v=oSIHZ9zKzVA",
      authorUrl: "https://www.youtube.com/channel/UC5KDiSAFxrDWhmysBcNqtMA",
      author: "Eric Murphy",
      description:
        "Are you tired of the slow, painful process of setting up forms in React, building out form state, validation, errors, and more? Worry no more! With React Hook Form, create forms in a matter of minutes! It'll be the easiest, fastest way you've ever built a form in React! Replace your old, boring",
      version: "6",
    },
    {
      type: "video",
      title: "How to test react hook form using react testing library",
      url: "https://www.youtube.com/watch?v=hP0h2P3BdEE",
      authorUrl: "https://www.youtube.com/user/satansdeer1",
      author: "Maksim Ivanov",
      description: "How to test react hook form using react testing library:",
      version: "6",
    },
    {
      type: "video",
      title: "React Hook Form Tutorial - How to Create a Custom Input",
      url: "https://www.youtube.com/watch?v=bQRIBpKN8-s",
      authorUrl: "https://www.youtube.com/user/satansdeer1",
      author: "Maksim Ivanov",
      description:
        "Let's learn how to create a custom input for react-hook-form. We will use a simple login form as an example React application.",
      version: "6",
    },
    {
      type: "video",
      title: "How To Upload Files Using React Hook Form",
      url: "https://www.youtube.com/watch?v=XlAs-Lid-TA",
      authorUrl: "https://www.youtube.com/user/satansdeer1",
      author: "Maksim Ivanov",
      description:
        "React-hook-form supports file uploads. In this video I'll show you how to upload files using react-hook-form. And also we'll update the firebase file upload example with react-hook-form",
      version: "6",
    },
    {
      type: "video",
      title: "Using React Hook Form with Ionic React Components",
      url: "https://www.youtube.com/watch?v=5MsXpmh3Un8",
      authorUrl: "https://www.youtube.com/channel/UCMCcqbJpyL3LAv3PJeYz2bg",
      author: "Aaron Saunders",
      description:
        "Using React Hook Form with Ionic Framework React Components - this is based on the blog post",
      version: "6",
    },
    {
      type: "video",
      title:
        "React Hook Form Talk and Demo by its Author Bill Luo aka@bluebill1049",
      url: "https://www.youtube.com/watch?v=fpwnCGgc9A8",
      authorUrl: "https://www.youtube.com/channel/UCorlLn2oZfgOJ-FUcF2eZ1A",
      author: "ReactEurope",
      description: "",
      version: "6",
    },
    {
      type: "video",
      title: "#04 Curso de React Hooks [ React Hook Form ]",
      url: "https://www.youtube.com/watch?list=PLPl81lqbj-4KswGEN6o4lF0cscQalpycD&v=wgutyeQTGDA",
      authorUrl: "https://www.youtube.com/user/Bluuweb",
      author: "Bluuweb !",
      description: "",
      version: "6",
    },
    {
      type: "video",
      title:
        "Does this library make Redux Form obsolete? | React Hook Form Tutorial | React Tutorials",
      url: "https://www.youtube.com/watch?v=lHclVxcborY",
      authorUrl: "https://www.youtube.com/channel/UCTD_PLq3KAUwkIIs9fk3pAA",
      author: "Better Coding Academy",
      description: "",
      version: "6",
    },
    {
      type: "video",
      title:
        "React Hook Form File Upload Tutorial - Upload Files to NodeJS API",
      url: "https://www.youtube.com/watch?v=PEGUFi9Sx-U",
      authorUrl: "https://www.youtube.com/user/satansdeer1",
      author: "Maksim Ivanov",
      description:
        "React Hook Form tutorial on how to upload files to an ExpressJS API.",
      version: "6",
    },
    {
      type: "video",
      title: "How to Validate File Uploads With React Hook Form",
      url: "https://www.youtube.com/watch?v=tYGTjxhzrqY",
      authorUrl: "https://www.youtube.com/user/satansdeer1",
      author: "Maksim Ivanov",
      description:
        "In this video I show how to validate the file field in React using Yup and React Hook Form.",
      version: "6",
    },
    {
      type: "video",
      title: "React Hook Form - Dependent Fields Using Watch",
      url: "https://www.youtube.com/watch?v=vNrUPktDT7o",
      authorUrl: "https://www.youtube.com/user/satansdeer1",
      author: "Maksim Ivanov",
      description: "How to implement dependent fields using react hook form.",
      version: "6",
    },
    {
      type: "video",
      title: "Multi Step Wizard Form Using React Hook Form and Redux Toolkit",
      url: "https://www.youtube.com/watch?v=evDxlqnsxXc",
      authorUrl: "https://www.youtube.com/user/satansdeer1",
      author: "Maksim Ivanov",
      description:
        "We'll use Redux Toolkit and React Hook Form to create a multi step react form to order pizza.",
      version: "6",
    },
    {
      type: "video",
      title: "Form validation with Next.js/React part 2",
      url: "https://www.youtube.com/watch?v=-scXzb-F_3k",
      authorUrl: "https://www.youtube.com/channel/UCBA_4Q-Gk4bJxRrtpfdvTzw",
      author: "EinCode",
      description: "",
      version: "6",
    },
    {
      type: "video",
      title: "Creating a User Registration form with react-hook-form",
      url: "https://www.youtube.com/watch?v=mrTPrbSoAx0",
      authorUrl: "https://www.youtube.com/user/leighhalliday",
      author: "Leigh Halliday",
      description:
        "We'll create a User Registration Form in Next.js using react-hook-form, testing its validation with react testing library.",
      version: "6",
    },
    {
      type: "video",
      title:
        "How to use React Hook Form with Material UI (and every other external library)",
      url: "https://www.youtube.com/watch?v=NxYUYcGBaOI",
      authorUrl: "https://www.youtube.com/channel/UC5KDiSAFxrDWhmysBcNqtMA",
      author: "Eric Murphy",
      description:
        "Adding in fields from external libraries isn't as easy as just copy & pasting it in with React Hook Form. Here's how to add external libraries like Material UI,  Ant Design, react-datepicker, react-select, and more with React Hook Form's Controller element. Also, how to fix stupid bugs with the Controller since React Hook Form v6.",
      version: "6",
    },
    {
      type: "video",
      title: "Tutorial React Hook Form 🇮🇩",
      url: "https://www.youtube.com/watch?v=oYvMYV05kzo",
      authorUrl: "https://www.youtube.com/user/sastranababan",
      author: "Sastra Nababan",
      description:
        "Di video kita mencoba intergrasi library react hook form dengan register form.",
      version: "6",
    },
  ],
  newsletter: [
    {
      type: "newsletter",
      url: "https://zerotomastery.io/blog/web-developer-monthly-october-2019/",
      title: "Zero to Mastery",
      description:
        "Forms with React just got simpler with React Hook Form. Make sure you scroll to the bottom to see code comparison with the alternatives. Really neat!",
    },
    {
      type: "newsletter",
      url: "https://react.statuscode.com/issues/159",
      title: "React Status #159",
      description:
        "It’s not just an interesting project, but it has one of the best project homepages I’ve seen too, complete with code comparisons with similar libraries. GitHub repo.",
    },
    {
      type: "newsletter",
      url: "https://javascriptweekly.com/issues/458",
      title: "JavaScript Weekly",
      description:
        "Performant, flexible and extensible forms with easy to use for validation.",
    },
    {
      type: "newsletter",
      url: "http://reactjsnewsletter.com/issues/179#start",
      title: "React.js Newsletter #179",
      description:
        "It’s not just an interesting project, but it has one of the best project homepages I’ve seen too, complete with code comparisons with similar libraries. GitHub repo.",
    },
    {
      type: "newsletter",
      url: "https://us15.campaign-archive.com/?u=b015626aa6028495fe77c75ea&id=df27ee2eff",
      title: "FullStack Bulletin Newsletter",
      description:
        "A performant, flexible and extensible React (and React Native!) forms library with easy to use for validation.",
    },
    {
      type: "newsletter",
      url: "https://syndicode.com/2019/10/30/monthly-most-popular-js-repositories-evolve-and-prosper/",
      title: "Monthly most popular JavaScript repositories",
      description:
        "React Hook Form stands for React hooks for forms validation. Performant, flexible and extensible forms with easy to use for validation.",
    },
    {
      type: "newsletter",
      url: "http://ruanyifeng.com/blog/2019/11/weekly-issue-82.html",
      title: "科技爱好者周刊：第 82 期",
      description:
        "这是一个 React 表单库，基于 React Hooks，看上去代码相当简洁，star 也很高，也许以后可以摆脱那些笨重的表单组件了。",
    },
    {
      type: "newsletter",
      url: "http://reactjsnewsletter.com/issues/179#start",
      title: "React.js Newsletter #202",
      description:
        "Performant, flexible and extensible forms with easy-to-use validation.",
    },
    {
      type: "newsletter",
      url: "https://react.statuscode.com/issues/178",
      title: "React.js Newsletter #178",
      description:
        "There are a lot of great reviews for this library, plus it has a great homepage too. Certainly worth a look if you’re building or refactoring forms. GitHub repo.",
    },
  ],
  binding: [
    {
      type: "binding",
      url: "https://github.com/aranlucas/react-hook-form-mantine",
      title: "Mantine React Hook Form bindings",
      description:
        "A wrapper around Mantine input components to use with react-hook-form.",
    },
    {
      type: "binding",
      url: "https://www.npmjs.com/package/react-hook-form-mui",
      title: "MUI React Hook Form bindings",
      description:
        "This project simplifies the use of react-hook-form and Material-UI.",
    },
    {
      type: "binding",
      url: "https://github.com/crhistianramirez/react-hook-form-chakra#readme",
      title: "Chakra React Hook Form bindings",
      description: "Chakra UI bindings for react-hook-form",
    },
    {
      type: "binding",
      url: "https://github.com/jsun969/react-hook-form-antd",
      title: "Ant Design React Hook Form binding",
      description:
        "A component to use React Hook Form instead of Ant Design form",
    },
    {
      type: "binding",
      url: "https://ui.shadcn.com/docs/forms/react-hook-form",
      title: "Building forms with React Hook Form and Zod",
      description:
        "Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source",
    },
    {
      type: "binding",
      url: "https://github.com/vtex/react-hook-form-jsonschema",
      title: "React Hook Form Jsonschema",
      description:
        "Small project based on react-hook-form that exposes an API for easily creating customizable forms based on a JSON Schema with built-in validation.",
    },
  ],
}