Skip to content
Hallway
0:00 / 0:00

#htmx#asp.netcore#razorpages

HTMX for ASP.NET Core Developers

JetBrains

236K subscribers • 30 videos on Hallway

YouTube
  • Recommended by 3 people: 3 in engineering communities.
  • Presented by Khalid Abuhakmeh, JetBrains Developer Advocate
  • Linked in the descriptionkhalidabuhakmeh/htmx-aspnetcore

Intermediate. Assumes working knowledge.

19K views4 years ago3 recommendations

Web developmentHTTP, REST and GraphQLVue, Svelte, Angular and others

Khalid Abuhakmeh demonstrates how to integrate HTMX into ASP.NET Core applications to build interactive UIs without writing client-side JavaScript.

In this video, JetBrains developer advocate Khalid Abuhakmeh introduces you to HTMX. HTMX is a JavaScript library designed to bring the fun back into building robust client-side applications. HTMX relies on server-rendered HTML to create client-side experiences with an approachable declarative set of attributes that support all of the HTTP methods typically unavailable as part of traditional HTML forms. We’ll walk through 15 steps of using HTMX. From installing the library into an existing ASP.NET Core application to 13 examples of using HTMX to provide UI experiences from the simple to the extremely complex. Finally, we’ll look at a “real world” sample of HTMX in use in a shopping cart site. HTMX for ASP.NET Core developers Installation Hello World State Management Cascading Selects Typeahead Search Infinite Scrolling Modal dialogs Server-side Tabs Keyboard Shortcuts Server-side Form Validation Long Polling Server-sent Events HTMX NuGet Packages for ASP.NET Core Client-side Templates with HTMX, Mustache.js, and ASP.NET Core Out of Band Swaps The JetSwag Store Demo All code shown in the video is available at github.com/khalidabuhakmeh/htmx-aspnetcore and you can read and follow along with the explanations at jetbrains.com/dotnet/guide/ Be sure to also check out JetBrains Rider at jetbrains.com/rider, which is used exclusively in this video as the development environment. Other links: HTMX - htmx.org .NET - dot.net JetBrains - jetbrains.com Khalid Abuhakmeh - twitter.com/buhakmeh #htmx #csharp #dotnet

Why it's here

3 people recommend this

What people say. Recommended as an excellent introduction to using HTMX with ASP.NET Core and Razor Pages for simpler web development.

u/steph_popin r/dotnet • Recommends

On “Advice to master .NET efficiently”

thank you; just checked the doc : https://htmx.org/docs/#introduction just watch the begining of this there [video Looks like it speeds up the event management in the page straight from html fields. I will look more into it in the next few month... I found this nice article from Builder io about the diff between htmx and react https://www.builder.io/blog/htmx-vs-react, might be useful for some
1View on Reddit

u/GreedyLocation8923in r/dotnet • Recommends

On “Learning .Net for Unity Game developer.”

Yeah, I like the simplicity and power of HTMX and Razor Pages too!
1View on Reddit

u/pkopin r/dotnet • Recommends

On “Front-end for dotnet API developer”

I suggest you try HTMX. You won't have to write client side JavaScript and can leverage your backend knowledge while producing good client side interactions. That or Blazor. If you need extra client side functionality you can add in alpine.js to HTMX where needed. https://www.jetbrains.com/guide/dotnet/tutorials/htmx-aspnetcore/hello-htmx/ link to this video
1View on Reddit

u/GreedyLocation8923in r/dotnet • Mentions

On “.net 8 blazor auto”

I'd say it's pretty confusing... At least, prior to .NET 8, it was pretty easy to explain the differences between Blazor Server and Blazor Wasm and those were the only 2 choices when creating a new app in Visual Studio or using the \`dotnet\` command line tool. Now you have to choose an "Interactive render mode" (None, Server, WebAssembly, Auto) and "Interactivity location" (Per page/component, Global) as part of creating a new Blazor app in Visual Studio. How would you go about explaining that to a newbie who's never touched Blazor before or is even new to Microsoft web development? As someone who's pretty proficient in Blazor 7 and other "next-gen-return-to-SSR" frameworks like Remix…
3View on Reddit