Binding in Svelte | Two-Way Data Binding
Two-Way Data Binding in Svelte makes it easy to update the DOM when
a user enters data into an input field or toggles the state of a checkbox, for example. In this Svelte tutorial, I start out by showing you how the bind:value directive works in Svelte and allows for 2-Way Data Binding. I then show you how the bind:checked directive works with checkboxes
to toggle between two different states. The Svelte framework also gives us some niceties when it comes to binding. If the type of binding matches the variable name, we can use a Svelte shorthand. And, when working with numeric input fields like number inputs and range inputs, Svelte speeds
up our workflow by doing type coercion behind the scenes. Created by Gregg Fine.
#svelte #webdevelopment #webdev #sveltekit #javascript
? The Code Creative Store: Courses and Free Tutorials!
https://store.thecodecreative.com
?Subscribe for more free Code Creative videos: : https://www.youtube.com/channel/UCmOpHGj4JRWCdXhllVTZCVw?sub_confirmation=1
?Join The Code Creative Community on Facebook:
https://www.facebook.com/groups/thecodecreative
? The Code Creative Official Website
https://www.thecodecreative.com/
? The Code Creative Courses
https://www.thecodecreative.com/courses
▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
00:00 Two-Way Data Binding
01:15 The bind:value directive
01:55 An alternate approach: the on directive
03:15 bind:checked
04:25 Bind Shorthand
04:55 Automatic Type Coercion
▬About The Code Creative ▬▬▬▬▬▬▬▬▬▬▬▬
The Code Creative helps web developers learn the fundamentals of programming, algorithms, as well as the latest frameworks and libraries. You can expect web development content that is fun, clear and concise, and keeps you engaged with visuals and a touch of humor.
▬Social Media ▬▬▬▬▬▬▬▬▬▬
▸ Twitter - @GreggFine
▸ Instagram - /greggfinedev
▸ Facebook - https://www.facebook.com/groups/thecodecreative
✅ Recommended related videos:
Debouncing Explained
https://www.youtube.com/watch?v=F2zF8fu7aG0&t=215s
Memoization Explained
https://www.youtube.com/watch?v=dO9LQsIpavM&t=9s
Sorting in JavaScript Explained
https://www.youtube.com/watch?v=kxUNQtheCxM&t=2s
✅ For business inquiries contact me at [email protected]
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Binding in Svelte | Two-Way Data Binding», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.