Felteで作る簡単フォームバリデーション

Nextbeat Tech Bar：広がるSvelteの輪！忘年LT会

Transcript

1. Copyright© M&A Felte Nextbeat Tech Bar Svelte LT Kenjiro Kubota
2. Copyright© M&A Profile kubotak-is kubotak_public kenjiro.kubota M&A TypeScript PHP https://kubotak.page Web Laravel ( )
3. Copyright© M&A
4. Copyright© M&A UI
5. Copyright© M&A GitHub https://github.com/kubotak-is/felte-form-sample ⾒ GitHub SvelteKit 1 . 0 . 0
6. Copyright© M&A Form Svelte src/lib/components/login-form.svelte
7. Copyright© M&A Form src/lib/components/form/input-label.svelte
8. Copyright© M&A Form src/lib/components/form/input-text.svelte
9. Copyright© M&A Form src/lib/components/form/submit-button.svelte
10. Copyright© M&A Felte A form library for Svelte, Solid and React HTML 5 name https://github.com/pablo-abc/felte
11. Copyright© M&A Felte Form Actions
12. Copyright© M&A
13. Copyright© M&A Felte Felte
14. Copyright© M&A yup yup
15. Copyright© M&A
16. Copyright© M&A email
17. Copyright© M&A 6 255
18. Copyright© M&A yup schema felte
19. Copyright© M&A
20. Copyright© M&A Form input name scheme
21. Copyright© M&A Form input name scheme
22. Copyright© M&A
23. Copyright© M&A
24. Copyright© M&A yup-locale-ja yup
25. Copyright© M&A 🎉
26. Copyright© M&A suggestive descriptive
27. Copyright© M&A
28. Copyright© M&A matches
29. Copyright© M&A yup-password
30. Copyright© M&A ⾒ Submit
31. Copyright© M&A Felte errors
32. Copyright© M&A ⾒
33. Copyright© M&A ⾒ ⾒
34. Copyright© M&A ⾒ $touched
35. Copyright© M&A Felte email
36. Copyright© M&A Required If
37. Copyright© M&A Yes ⾒
38. Copyright© M&A Svelte src/lib/components/required-if-form.svelte
39. Copyright© M&A Form src/lib/components/form/input-radio.svelte
40. Copyright© M&A Form src/lib/components/form/input-text.svelte
41. Copyright© M&A
42. Copyright© M&A
43. Copyright© M&A when
44. Copyright© M&A has_secret 1 secret
45. Copyright© M&A has_secret 1 secret
46. Copyright© M&A Yes ⾒ Yes ⾒ No ⾒
47. Copyright© M&A React Simple Vue.js Easy Svelte Felte Svelte Simple Easy HTML name yup React Hook Form yup Svelte Felte + yup
48. Copyright© M&A () => `Thanks for watching this :)`