Blazor Developers Can Now Create Custom Elements, Render Components from JavaScript – Visual Studio Magazine

News

Blazor Developers Can Now Create Custom Elements, Render Components from JavaScript

OrangeSun ProxyEgg Blazor Developers Can Now Create Custom Elements, Render Components from JavaScript - Visual Studio Magazine

Microsoft’s Blazor web-dev tech received a raft of improvements in the new .NET 6 Release Candidate 1, including the ability to create custom elements, render components from JavaScript and even generate Angular and React components.

Blazor, which allows for web projects coded primarily in C# instead of JavaScript, is part of the ASP.NET Core component of .NET 6, which was released as a RC 1 on Sept. 14. Along with the release, Microsoft published a post on ASP.NET Core updates in the new release, dominated by Blazor functionality.

Experimental support to create custom Blazor elements comes via the Microsoft.AspNetCore.Components.CustomElements NuGet package, though it shows zero downloads two days after the announcement. It uses standard HTML interfaces to implement custom HTML elements.

“This feature is experimental because we’re still working out some of the details for how best to support custom elements with Blazor,” said Daniel Roth, principal program manager, ASP.NET, in the post. “We welcome your feedback on how well this particular approach meets your requirements.”

Once created, these custom elements — a custom counter, for example — can also be used in other single-page application (SPA) web frameworks such as React and Angular. A sample project, aptly titled Blazor Custom Elements, shows how to do just that, providing examples about how to work with those frameworks and the client-side Blazor WebAssembly component as well as Blazor Server.

Developers also can now dynamically render Blazor components from JavaScript, which provides for the integration of Blazor components with existing JavaScript apps.

Roth indicated this feature is good for developers who have existing JavaScript apps that need to be maintained, as it obviates the need to build common components twice, in .NET and JavaScript.

The new support for rendering Blazor components from JavaScript also leads to other new functionality: the ability to generate Angular and React components using Blazor. This is exemplified in yet another GitHub repo, this one aptly titled JavaScript Component Generation.

Other Blazor-related items in Roth’s post include:

  • Manipulate the query string from Blazor
  • .NET to JavaScript streaming
  • Blazor templates updated to set page title
  • Disabled long-polling transport for Blazor Server
  • Customize Blazor WebAssembly packaging

Note that several bugs were reported in comments to Roth’s post, concerning Hot Reload other things, and he said on Sept. 15 that he expects a fix to address at least some of them in the next few days.

According to the ASP.NET Core Roadmap for .NET 6, the big-item Blazor work is pretty much done:


Blazor in the ASP.NET Core Roadmap for .NET 6
[Click on image for larger view.] Blazor in the ASP.NET Core Roadmap for .NET 6 (source: Microsoft).

There was also some other stuff mentioned in the announcement, some of which doesn’t pertain specifically to Blazor:

  • PageX and PageY in MouseEventArgs
  • Collocate JavaScript files with pages, views, and components
  • JavaScript initializers
  • Template improvements
  • Minimal API updates
  • Support for Latin1 encoded request headers in HttpSysServer
  • Emit KestrelServerOptions via EventSource event
  • Add timestamps and PID to ASP.NET Core Module logs
  • New DiagnosticSource event for rejected HTTP requests
  • Create a ConnectionContext from an Accept Socket
  • Streamlined HTTP/3 setup
  • Upgrade to Duende Identity Server

About the Author

David Ramel is an editor and writer for Converge360.

Source of this news: https://visualstudiomagazine.com/articles/2021/09/16/aspnet-core-updates.aspx?admgarea=features&m=1

Related posts:

IoT News | How to Circumvent Online Blocks and For you to be Undetectable - iotbusinessnews. junto d...
The world wide web is one of the leading innovations of the twentieth one. While the internet is mainly an open platform, it is also former segregated, particularly in handheld media. Being c...
7 years after it was delisted, P.T. fans struggle to save it - Digital Trends
In August 2014, a historic video game collaboration took place. Hideo Kojima, film director Guillermo del Toro, and publisher Konami came together to create a free downloadable title called “Playable...
Twitch, Pinterest, Reddit and more go down in Fastly CDN outage (Update: Outage resolved after 1 hou...
Countless popular websites including Reddit, Spotify, Twitch, Stack Overflow, GitHub, gov.uk, Hulu, HBO Max, Quora, PayPal, Vimeo, Shopify, Stripe, and news outlets CNN, The Guardian, The New York Ti...
Database leak exposed a large amount of credential stuffing for Spotify users - Illinoisnewstoday.co...
Researchers helped Spotify detect and address serious credential stuffing operations that affect hundreds of millions of users. On July 3, VpnMentor’s research team, led by Ran Locar and Noam Rote...
Four New Maps Added To 2019's Call of Duty: Modern Warfare can KeenGamer News
Image credit: Infinity Keep Points new multiplayer maps have been added to the seemingly lost Call of Duty: Leading-edge Warfare as part of the mid-season update for Warzone and Bl...
MECHANIC TALK WITH MIKE: Use CloudFlare to speed up your business article - Goshen News
There are three key elements who will be important when finding a hosting server for your business website: speed, security and scalability. The best website can boost website positioning, impro...
A 3D structural SARS-CoV-2–human interactome to explore genetic and drug perturbations - Nature.com
Generation and validation of SARS-CoV-2 homology modelsHomology-based modeling of all 29 SARS-CoV-2 proteins was performed in Modeller95 using a multiple template modeling procedure consistent with p...
Form F-3 China Finance Online - StreetInsider.com
Get instant alerts when news breaks on your stocks. Claim your 1-week free trial to StreetInsider Premium here.   Registration No. 333-_______     UNITED STATES SECURITIES AND EXCHA...
Microsoft Exchange server being hacked by the new LockFile ransomware - Illinoisnewstoday.com
A new ransomware gang, known as LockFile, uses a recently published ProxyShell vulnerability to encrypt a Windows domain after hacking into a Microsoft Exchange server. ProxyShell is the name of an ...
FontOnLake: Previously unknown malware family targeting Linux - We Live Security
ESET researchers discover a malware family with tools that show signs they’re used in targeted attacks ESET researchers have discovered a previously unknown malware family that utilizes custom and ...
Bitcoin ETF roars in debut with US$145M of trading volume - BNN
North America’s first Bitcoin ETF got off to a stellar start in its first day of trading, with investors exchanging US$145 million worth of shares.After a relentless surge in the world’s largest digi...
Cloudflare: Life on the Bleeding Beginning - InvestorPlace
Owning Cloudflare (NYSE: NET ) stock is life on your bleeding edge of method, security and fast ingredients delivery. It’s exciting. It is actually wildly profitable, but other also an ar...
How to install Clipgrab on Linux Mint 20.1 to download videos - H2S Media
Well, here we see how to install and use Clipgrab on Linux Mint 20.1, Ubuntu 21.04/20.4/18.04 including Debian, Elementary OS, Kali, MX Linux, and others. Also, learn the steps to create its desk...
Palladium One Announces Mineral Resource Estimate for the LK PGE-Cu-Ni Project - StreetInsider.com
Palladium One Announces Mineral Resource Estimate for the LK PGE-Cu-Ni Project FREE Breaking News Alerts from StreetInsider.com! StreetInsider.com Top Tickers,...
Doctors Uncover New Android Spy ware With C2 Server Associated with Turla Hackers - This Hacker News
An Android spyware application has been spotted masquerading as a "Process Manager" service to stealthily siphon sensitive information stored in the infected devices. Interestingly, the app —...
Apple’s Moves to Tighten Flow of User Data Leave Advertisers Anxious - The Wall Street Journal
Digital advertisers are studying new Apple Inc. measures that they fear will limit access to data about users, changes industry participants see as an escalation of the tech giant’s crackdown in the ...
Zenscrape Review: Website HTML Extraction - Designmodo
Share Share Tweet Share Pin It ResourcesEditorial • October 09, 2019 • 5 minutes READ Over time, data has become the core of business strategies and market research. It is being termed as th...
Two Malware Families Targeting IIS Web Servers With Hateful Modules - The Hacker News
A scientific analysis of attacks defense Microsoft's Internet Information Experts (IIS) servers has introduced as many as 14 malware familes and groups, 10 of them newly registered, indicating ...

IP Rotating Proxy Onsale

SPECIAL LIMITED TIME OFFER

00
Months
00
Days
00
Hours
00
Minutes
00
Seconds
First month free with coupon code FREE30