More forms

Sometimes what you need just lands in your lap. Today at School of Code our homework is to learn all about… forms! We’ve been pointed to some good resources, which I was able to whizz through since it was a recap of what I taught myself at the weekend. Unsurprisingly I went down plenty of rabbit holes regarding client-side validation, server-side validation, and website security in general.

https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Your_first_form

https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation

https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Sending_and_retrieving_form_data

https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Server-side/First_steps/Website_security

Next it was time to learn about forms in React specifically:

https://dev.to/ajones_codes/a-better-guide-to-forms-in-react-47f0

And lastly we had to read about React libraries, and this is where I realised it’s crazy for me to be making components from scratch for my form. Others have made beautiful things, and are giving them away for free! I should just pick one of these and use it.

https://react-bootstrap.netlify.app/docs/forms/form-control

https://ui.mantine.dev/category/inputs/

https://react.fluentui.dev/?path=/docs/components-input--docs&globals=storybook_fluentui-react-addon_dir:ltr

(Now I’m going to have to watch some tutorials though…)