How to use blur to check username and email availability in Svelte
Designing a good user experience (UX) doesn't have to be hard. For example, in this example we'll check whether a username and email are available or not when the user tabs out of the field (on blur). Using Svelte, this is super easy to do... so let's do it!
š¤Æ Support on Patreon
ā±ļø Timestamps:
š Newsletter:
šŖElsewhere:
šConcepts:
šResources:
ļæ½ļæ½ Subscribe!
My name is David W Parker and Iām creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. Iām a huge fan of Ruby on Rails, Svelte, TailwindCSS, and WebGL. Iāve used React a lot in the past, as well as some Vue and AngularJS. Iāve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.
š¤Æ Support on Patreon
- https://www.patreon.com/davidwparker
ā±ļø Timestamps:
- 00:00 - Introduction
- 00:40 - Readme
- 00:58 - Demo
- 01:30 - sign in changes
- 02:13 - sign up changes (blur checks here)
š Newsletter:
- https://www.programmingtil.com/
šŖElsewhere:
- Twitter : https://twitter.com/davidwparker
- Twitter: https://twitter.com/programmingtil
- GitHub: https://github.com/davidwparker
šConcepts:
- Deploying a Svelte/Sapper application to Vercel by pushing to Github
šResources:
- https://github.com/davidwparker/programmingtil-svelte/tree/ep10
- https://vercel.com/
ļæ½ļæ½ Subscribe!
- http://bit.ly/subdavidwparker
My name is David W Parker and Iām creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. Iām a huge fan of Ruby on Rails, Svelte, TailwindCSS, and WebGL. Iāve used React a lot in the past, as well as some Vue and AngularJS. Iāve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.
svelte #sapper
Ā© programmingtil.com