How to Use Data Bindings in Blazor C# .Net 5 Preview

preview_player
Показать описание
We look at how to create data bindings for primitives, classes and click events that pass parameters in a C# Blazor app using .Net 5 Preview. We build out the base of a new component in the Tour of Heroes app.
timestamps

0:00 Intro
0:29 Basic Blazor Binding
1:40 Page Cleanup
3:28 Create a Blazor Component
6:45 Create a Model to Bind Properties to
8:10 Using the Property for Binding
9:35 Using C# code in our Blazor HTML
10:41 Two Way Blazor Data Binding

Get 2 FREE Audio Books from Audible

My Favorite Books on Coding, Devops, and Leadership

Gear Used
Intel Core i5-10600KF - 8GB Memory - NVIDIA GeForce GTX 1660 SUPER - 1TB HDD + 240GB SSD

Davinci Resolve - Editing
StreamLabs OBS - Screen Capture

  1. Lethcode
  2. blazor binding two way
  3. .net 5
  4. blazor tutorial
  5. .net 5 preview
  6. .net 5 tutorial
Рекомендации по теме
View Binding vs 0:05:09

View Binding vs Data Binding - Explained | Android Development

The Basics of 0:20:53

The Basics of Data Binding in WPF

What is data 0:03:53

What is data binding | Data Binding | Angular 12+

DataBinding in C# 0:06:17

DataBinding in C# (populate data in a comboBox)

Data Binding Getting 0:08:24

Data Binding Getting Started in Android!

C# WPF Tutorial 0:11:22

C# WPF Tutorial #8 - Data Bindings using INotifyPropertyChanged

State & Binding 0:04:44

State & Binding | SwiftUI in 5 minutes | 2020

C# Visual Studio 0:15:18

C# Visual Studio Data Binding

Adobe Exams AD0 0:41:08

Adobe Exams AD0 E720 Adobe Commerce Front End Developer Expert Free Practice Questions & Answe...

11. Data Binding 0:04:05

11. Data Binding In Theory

Level up with 0:05:23

Level up with Data Binding (Android Dev Summit '18)

XAML Data Binding 0:19:15

XAML Data Binding and MVVM Basics (.NET MAUI, WPF, UWP, Xamarin.Forms)

Android Data Binding 0:12:13

Android Data Binding Tutorial : 6 Two Way Data Binding

How to use 0:23:13

How to use the Data Binding library in Android

Data Binding - 0:11:30

Data Binding - Android Tutorial || Android Architecture Components || Foxandroid

How to use 0:01:33

How to use 'Data Binding' in DEW Studio | Low-Code Platform Tutorial

Bindings | Data 0:08:47

Bindings | Data Bindings in Angular

Tech Talk: 1 0:08:47

Tech Talk: 1 vs 2 way Data Binding in React and Angular

.NET MAUI Data 0:18:29

.NET MAUI Data Binding with MVVM & XAML [5 of 8] | .NET MAUI for Beginners

Data Binding in 0:03:31

Data Binding in UI5 - Aggregation Binding & Property Binding

Angular 8 Data 0:13:23

Angular 8 Data Binding Tutorial | Two Way Data Binding in Angular 8 | Angular Training | Edureka

#14 What is 0:08:08

#14 What is Data Binding | Angular Components & Directives | A Complete Angular Course

Data Binding to 0:04:51

Data Binding to Textbox Controls in VB Net 2008 HD

Visual Basic Tutorial 0:11:34

Visual Basic Tutorial 19 - The Datasources Window and Automated Databinding

Комментарии
Автор

Just a heads up, since Blazor Web Assembly is now released, when you go to add the Heroes component, you will need to ensure the razor file ends in the word Component, so I named it HeroComponent.razor, and that is when it finally worked for me. For component classes under the Components folder, Blazor is enforcing this naming convention in order for the Components to render when you reference them in your pages. This one took me a few minutes to figure out why it wasn't working.

azbyaz
Автор

Hi, thank you for this video.
Why aren't you using "arrow up" in the console?

arkadii_kuznetsov
Автор

Started really well but then uses VS code that nobody uses and everything is so dark and boring... not explaining what he's doing and just coding and coding more...

sipi