resolvers VS notistack

For anyone that reaches this post trying to obtain an answer, I found this issue in the react-hook-form repository. Specifically the comment that Mihai-github made.

command dependency function npm i cudosjs https://www.npmjs.com/package/cudosjs A JavasSript Open Source Library for https://cudos.org/  network npm i react-router-dom https://www.npmjs.com/package/react-router-dom It contains bindings for the routing library for React npm i react-hook-form https://www.npmjs.com/package/react-hook-form Performant, flexible and extensible forms with easy to use validation. npm i zod https://www.npmjs.com/package/zod A type declaration and validation library. We use it to declare and validate the data type of the forms used in NFT minting. npm i @hookform/resolvers https://github.com/react-hook-form/resolvers allows you to use an external validation library with React hook form npm i @mui/material @mui/lab @emotion/react @emotion/styled https://mui.com/material-ui/getting-started/overview/ for component styling Material UI is an open-source React component library that implements Google's https://m2.material.io/ . npm i notistack https://www.npmjs.com/package/notistack For snack bar notification npm i @fontsource/poppins Poppins font Poppins font via Fontsource npm i @keplr-wallet/types npm install @esbuild-plugins/node-globals-polyfill To make the Node module Buffer available in our project

More info here and here

There are plenty of them, I'm using zod, but other ones also may be worth attention: https://github.com/react-hook-form/resolvers here is a lib for integrating validation libraries with react-hook-form and you can see a lot of such libs here with size badges and small examples.

For the front-end, I like react-hook-form, and it supports both zod, joi, yup and more via official package: https://github.com/react-hook-form/resolvers

Released in the 2020's summer, @hookform/resolvers is an optional module that allows you to validate React Hook Form's values with your favorite validation library. So far, we support 5 validation libraries: Yup, Zod, Vest, Joi, and Superstruct.

GitHub link: GitHub – iamhosseindhv/notistack

command dependency function npm i cudosjs https://www.npmjs.com/package/cudosjs A JavasSript Open Source Library for https://cudos.org/  network npm i react-router-dom https://www.npmjs.com/package/react-router-dom It contains bindings for the routing library for React npm i react-hook-form https://www.npmjs.com/package/react-hook-form Performant, flexible and extensible forms with easy to use validation. npm i zod https://www.npmjs.com/package/zod A type declaration and validation library. We use it to declare and validate the data type of the forms used in NFT minting. npm i @hookform/resolvers https://github.com/react-hook-form/resolvers allows you to use an external validation library with React hook form npm i @mui/material @mui/lab @emotion/react @emotion/styled https://mui.com/material-ui/getting-started/overview/ for component styling Material UI is an open-source React component library that implements Google's https://m2.material.io/ . npm i notistack https://www.npmjs.com/package/notistack For snack bar notification npm i @fontsource/poppins Poppins font Poppins font via Fontsource npm i @keplr-wallet/types npm install @esbuild-plugins/node-globals-polyfill To make the Node module Buffer available in our project

Use library like Notistack https://notistack.com/

The notification system is highly application-dependent. We can create something custom or use a library like notistack. For the sake of simplicity, we’ll assume the use of notistack from now on, but the actual implementation doesn’t really matter.

notistack is used (which is actually based on MUI Snackbar) + some custom integration with the store.

For the front-end, there are several open-source React libraries to choose from. At Courier, we recommend react-toastify. Alternatively, you could use a framework like react-hot-toast or notistack.