Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Update form and validation for React demos


Hello!

As Formik is not maintained anymore, it would be awesome to transition the form implementations to react-hook-forms.

Also, for validation, zod has much better TypeScript support than yup. Having a great experience working with these two in my metronic projects, I can only recommend implementing them as the default solutions.

Best regards,
Tamás


T
Tamas 3 years ago
Metronic React
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

T
Tamas 3 years ago

Hi Lauris,

Fantastic! As you can see, it took over formik in the last year, and rightfully so.



Looking forward for this.

Also, here is a short and to the point reasoning why I believe zod is better than yup, since the react demos are now in typescript:

Best wishes,
Tamás


user
Lauris Stepanovs Author 3 years ago

Hi Tamas,

Yes it seems like Zod validation schema is the best option for Typescript.

I already created a task for this migration, we will check this and update it in Metornic as soon as possible.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
Lauris Stepanovs Author 3 years ago

Hi Tamas,

Thank you for your suggestion.
We will check react-hook-forms and consider using it in the next Metronic releases.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(