Slide 1

Slide 1 text

Copyright© M&A Felte Nextbeat Tech Bar Svelte LT Kenjiro Kubota

Slide 2

Slide 2 text

Copyright© M&A Profile kubotak-is kubotak_public kenjiro.kubota M&A TypeScript PHP https://kubotak.page Web Laravel ( )

Slide 3

Slide 3 text

Copyright© M&A

Slide 4

Slide 4 text

Copyright© M&A UI

Slide 5

Slide 5 text

Copyright© M&A GitHub https://github.com/kubotak-is/felte-form-sample ⾒ GitHub SvelteKit 1 . 0 . 0

Slide 6

Slide 6 text

Copyright© M&A Form Svelte src/lib/components/login-form.svelte

Slide 7

Slide 7 text

Copyright© M&A Form src/lib/components/form/input-label.svelte

Slide 8

Slide 8 text

Copyright© M&A Form src/lib/components/form/input-text.svelte

Slide 9

Slide 9 text

Copyright© M&A Form src/lib/components/form/submit-button.svelte

Slide 10

Slide 10 text

Copyright© M&A Felte A form library for Svelte, Solid and React HTML 5 name https://github.com/pablo-abc/felte

Slide 11

Slide 11 text

Copyright© M&A Felte Form Actions

Slide 12

Slide 12 text

Copyright© M&A

Slide 13

Slide 13 text

Copyright© M&A Felte Felte

Slide 14

Slide 14 text

Copyright© M&A yup yup

Slide 15

Slide 15 text

Copyright© M&A

Slide 16

Slide 16 text

Copyright© M&A email

Slide 17

Slide 17 text

Copyright© M&A 6 255

Slide 18

Slide 18 text

Copyright© M&A yup schema felte

Slide 19

Slide 19 text

Copyright© M&A

Slide 20

Slide 20 text

Copyright© M&A Form input name scheme

Slide 21

Slide 21 text

Copyright© M&A Form input name scheme

Slide 22

Slide 22 text

Copyright© M&A

Slide 23

Slide 23 text

Copyright© M&A

Slide 24

Slide 24 text

Copyright© M&A yup-locale-ja yup

Slide 25

Slide 25 text

Copyright© M&A 🎉

Slide 26

Slide 26 text

Copyright© M&A suggestive descriptive

Slide 27

Slide 27 text

Copyright© M&A

Slide 28

Slide 28 text

Copyright© M&A matches

Slide 29

Slide 29 text

Copyright© M&A yup-password

Slide 30

Slide 30 text

Copyright© M&A ⾒ Submit

Slide 31

Slide 31 text

Copyright© M&A Felte errors

Slide 32

Slide 32 text

Copyright© M&A ⾒

Slide 33

Slide 33 text

Copyright© M&A ⾒ ⾒

Slide 34

Slide 34 text

Copyright© M&A ⾒ $touched

Slide 35

Slide 35 text

Copyright© M&A Felte email

Slide 36

Slide 36 text

Copyright© M&A Required If

Slide 37

Slide 37 text

Copyright© M&A Yes ⾒

Slide 38

Slide 38 text

Copyright© M&A Svelte src/lib/components/required-if-form.svelte

Slide 39

Slide 39 text

Copyright© M&A Form src/lib/components/form/input-radio.svelte

Slide 40

Slide 40 text

Copyright© M&A Form src/lib/components/form/input-text.svelte

Slide 41

Slide 41 text

Copyright© M&A

Slide 42

Slide 42 text

Copyright© M&A

Slide 43

Slide 43 text

Copyright© M&A when

Slide 44

Slide 44 text

Copyright© M&A has_secret 1 secret

Slide 45

Slide 45 text

Copyright© M&A has_secret 1 secret

Slide 46

Slide 46 text

Copyright© M&A Yes ⾒ Yes ⾒ No ⾒

Slide 47

Slide 47 text

Copyright© M&A React Simple Vue.js Easy Svelte Felte Svelte Simple Easy HTML name yup React Hook Form yup Svelte Felte + yup

Slide 48

Slide 48 text

Copyright© M&A () => `Thanks for watching this :)`