{"id":5588,"date":"2026-02-17T05:16:36","date_gmt":"2026-02-17T05:16:36","guid":{"rendered":"https:\/\/www.virtualcoders.net\/blog\/?p=5588"},"modified":"2026-03-10T14:27:33","modified_gmt":"2026-03-10T14:27:33","slug":"building-reusable-ui-components-in-blazor","status":"publish","type":"post","link":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/","title":{"rendered":"Building Reusable UI Components in Blazor: A Beginner\u2019s Guide to Component Libraries"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5588\" class=\"elementor elementor-5588\">\n\t\t\t\t<div class=\"elementor-element elementor-element-376ccbc e-flex e-con-boxed e-con e-parent\" data-id=\"376ccbc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c010d27 e-flex e-con-boxed e-con e-parent\" data-id=\"c010d27\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c3c58d elementor-widget elementor-widget-text-editor\" data-id=\"7c3c58d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Today, you will see that many technologies and platforms are capable of seamless web development. So, sometimes, choosing the perfect framework can be a difficult task. Hence, to work in an easier way than ever, you can choose Blazor. It is an efficient web framework which allows you to use the same thing for both your back-end and front-end tasks.\u00a0<\/p><p>With this, expert developers can build web apps using their existing C# skills. Also, they can use codebase from some other .NET platforms. All these can easily eliminate the need to hire separate teams for non-web and web-development-related tasks.\u00a0<\/p><p>So, if you are trying to explore the capabilities of <a href=\"https:\/\/www.virtualcoders.net\/blazor-development\">Blazor app development services<\/a>, then you have to know some important facts. So, let\u2019s see.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4c41ac elementor-widget elementor-widget-heading\" data-id=\"a4c41ac\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is Blazor?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27036fa e-flex e-con-boxed e-con e-parent\" data-id=\"27036fa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f24ff22 elementor-widget elementor-widget-text-editor\" data-id=\"f24ff22\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>It is an efficient web framework and is built by Microsoft. It can enable your developers to build some web applications that are highly interactive and efficient. Also, they can do it just by using C# rather than using JavaScript. In fact, Blazor can give you a design that is component-based. Thus, your professionals can create applications just by assembling some reusable components. All those components can be easily combined can build some really complex user interfaces.\u00a0<\/p><p>By using Blazor, you can create some components just with HTML and C#. Also, you can reuse them to build some more web applications.\u00a0<\/p><p>Some other important features of Blazor are dependency injection and data binding. All these make it very easy to create an efficient, full-featured application with minimal code. With Blazor, developers can enjoy the freedom of choice by running on both the browser as well as the server.\u00a0<\/p><p>In fact, in Blazor, you will see two types of hosting models. Those are:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-169738d e-flex e-con-boxed e-con e-parent\" data-id=\"169738d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27ffe74 elementor-widget elementor-widget-heading\" data-id=\"27ffe74\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1: Blazor WebAssembly<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9257e71 elementor-widget elementor-widget-text-editor\" data-id=\"9257e71\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>It allows your application to use an element called WebAssembly. Thus, you can directly run your app in the browser of your user. Actually, WebAssembly is a binary instruction format. The Blazor WebAssembly is an ideal tool for developing progressive web apps, along with offline applications. Also, this application logic can communicate with both server-side services and APIs. Moreover, you can also operate it on the client side.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f3ee42 e-flex e-con-boxed e-con e-parent\" data-id=\"3f3ee42\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc37cf elementor-widget elementor-widget-heading\" data-id=\"6cc37cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2: Blazor Server<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6ca2e9 e-flex e-con-boxed e-con e-parent\" data-id=\"f6ca2e9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec9b47 elementor-widget elementor-widget-text-editor\" data-id=\"4ec9b47\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>In this model, the C# code of your application can run on the server. Also, the updates regarding the user interface are sent to your clients through SignalIR. SignalIR is actually a real-time communication library. This <a href=\"http:\/\/shiftedmag.com\/opportunities-for-companies-for-blazor-development-in-2025\/\">Blazor development<\/a> Server is perfect for those applications that need real-time updates. Also, it can effectively leverage server-side resources.<\/p><p>Hence, by using Razor syntax and C# developers can now easily create some user interface components that are reusable. They just have to use Blazor\u2019s component-based architecture. The components of Blazor can work effectively when you need to create some interactive and complex web applications. The reason is that they can easily manage data binding, user interactions, UI rendering, and more.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f47e22c e-flex e-con-boxed e-con e-parent\" data-id=\"f47e22c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d348965 elementor-widget elementor-widget-heading\" data-id=\"d348965\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why Choose Blazor?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e29ad00 e-flex e-con-boxed e-con e-parent\" data-id=\"e29ad00\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88eed11 elementor-widget elementor-widget-text-editor\" data-id=\"88eed11\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The web framework called Blazor can offer some amazing features as well as benefits. All those can make it an attractive option for you whenever you want to develop some online apps. Some of those primary features and benefits are:<\/p><ul><li><b>Razor Syntax:<\/b> For defining components properly, Blazor uses Razor syntax. It is actually quite familiar to professional ASP.NET developers. These elements together can easily simplify the task of creating some dynamic web content.<\/li><li><b>Integration with the Ecosystem of .NET:<\/b> Experts created Blazor on top of .NET. Also, it can seamlessly integrate with the extensive ecosystem of .NET. This usually includes efficient tools, frameworks, libraries, etc. Hence, all these can make it easier to use existing expertise and resources.\u00a0<\/li><li><b>Real-Time Communication:<\/b> In the Blazor server, SignalIR supports real-time communication. Thus, developers can easily opt for the best approach for their specific project needs.\u00a0<\/li><li><b>Component-Based Architecture:<\/b> Blazor can promote an architecture that is component-based. With this, developers can create and then reuse UI components. All those together can easily improve the maintainability and modularity of your code.<\/li><li><b>Unified Development:<\/b> Just by choosing Blazor, developers can use C#. It is a highly popular and strongly typed language. It is also perfect for both server-side and client-side code. Thus, it can easily allow a more unified as well as consistent development experience.\u00a0<\/li><li><b>Data Binding:<\/b> Blazor can offer data binding capabilities. Thus, you can easily synchronize data between the client and the server. Also, if necessary, you can even update the user interface.\u00a0<\/li><li><b>Cross-Platform Support:<\/b> Blazor can support multiple platforms. Those may include mobile devices, web browsers, and also desktop apps. Thus, it has become a versatile option for remarkable cross-platform development tasks.<\/li><li><b>Reusability of Components:<\/b> You can easily use and reuse Blazor components across various parts of an application. This can eventually improve the reusability of code. Hence, it can also reduce development time.\u00a0<\/li><li><b>Tooling Support:<\/b> Many efficient development tools support Blazor. Such as Visual Studio Code and Visual Studio. These also have extensions that can build some responsive and fast web apps.\u00a0<\/li><li><b>Security:<\/b> Microsoft created this framework for strong security. It includes the best practices as well as security features of ASP.NET and .NET. Thus, it can build some highly secure apps.\u00a0<\/li><\/ul><p>So, these benefits will always encourage you to choose Blazor App Development Services. Thus, a report says that Blazor is now used by 36,140 live websites.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a907cb e-flex e-con-boxed e-con e-parent\" data-id=\"0a907cb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6ebcc7 elementor-widget elementor-widget-heading\" data-id=\"c6ebcc7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Prerequisites of Blazor<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4322e5f e-flex e-con-boxed e-con e-parent\" data-id=\"4322e5f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7050cc6 elementor-widget elementor-widget-image\" data-id=\"7050cc6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"880\" src=\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Your-paragraph-text.png\" class=\"attachment-large size-large wp-image-5600\" alt=\"Prerequisites of Blazor\u200b\" srcset=\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Your-paragraph-text.png 672w, https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Your-paragraph-text-218x300.png 218w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9c2c27 e-flex e-con-boxed e-con e-parent\" data-id=\"f9c2c27\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-442d7e1 elementor-widget elementor-widget-text-editor\" data-id=\"442d7e1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>To start with Blazor properly, you must know some important prerequisites. Here is a list for you:<\/p><ul><li><b>.NET SDK<\/b><\/li><\/ul><p>Don\u2019t forget to make sure that you have already installed the .NET SDK on your development machine. You can download it from the official website of .NET.\u00a0<\/p><ul><li><b>Development Environment<\/b><\/li><\/ul><ol><li><span style=\"color: #65676b;\"><b>Code Editor:<\/b> Your developers can choose to use Visual Studio or even Visual Studio Code. Both are quite popular and have some amazing features.<\/span><\/li><li><span style=\"color: #65676b;\"><b>Operating System:<\/b> Blazor is supported by all notable Operating systems. Those can be macOS, Windows, and also Linux.\u00a0<\/span><\/li><\/ol><ul><li><b>CSS and HTML<\/b><\/li><\/ul><p>Choose those developers who have knowledge on CSS and HTML. Thus, they will be able to use Blazor without any hassle.<\/p><ul><li><b>Razor Syntax<\/b><\/li><\/ul><p>It is a markup syntax. In Blazor, it is used to define components, along with rendering dynamic content.\u00a0<\/p><ul><li><b>Knowledge in C#<\/b><\/li><\/ul><p>A good idea of C# language will be useful. The reason is that Blazor uses this language for both client and server-side coding.\u00a0<\/p><p>Hence, now you know that to work with Blazor efficiently, you have to follow some rules and use some important components. Only then can you enjoy the benefits of Blazor in this era of <a href=\"https:\/\/www.virtualcoders.net\/mobile-app-development\">modern mobile app development<\/a>.\u00a0<\/p><p>Moreover, with the right methods of using Blazor will allow you to enjoy the remarkable Blazor Future of <a href=\"https:\/\/www.virtualcoders.net\/web-application-development-services\">Web app development<\/a>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-460ce91 e-flex e-con-boxed e-con e-parent\" data-id=\"460ce91\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac8fdb0 elementor-widget elementor-widget-heading\" data-id=\"ac8fdb0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d2c130 e-flex e-con-boxed e-con e-parent\" data-id=\"0d2c130\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66295ba elementor-widget elementor-widget-n-accordion\" data-id=\"66295ba\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1070\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1070\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> What Does Blazor Mean? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1070\" class=\"elementor-element elementor-element-13d5b18 e-con-full e-flex e-con e-child\" data-id=\"13d5b18\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1070\" class=\"elementor-element elementor-element-cec21ec e-flex e-con-boxed e-con e-child\" data-id=\"cec21ec\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bfa967 elementor-widget elementor-widget-text-editor\" data-id=\"5bfa967\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Blazor actually stands for a combination of two words. Those are Browser and Razor.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1071\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1071\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> What Do You Know About Blazor Lifecycle? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1071\" class=\"elementor-element elementor-element-14340bd e-con-full e-flex e-con e-child\" data-id=\"14340bd\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1071\" class=\"elementor-element elementor-element-cd6f735 e-flex e-con-boxed e-con e-child\" data-id=\"cd6f735\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-686d1c8 elementor-widget elementor-widget-text-editor\" data-id=\"686d1c8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The web applications of Blazor are composed of some independent components. They can easily respond to user interactions, just like Blazor Server.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1072\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1072\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> What Do You Know About Blazor vs. React? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1072\" class=\"elementor-element elementor-element-0a53361 e-con-full e-flex e-con e-child\" data-id=\"0a53361\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1072\" class=\"elementor-element elementor-element-44816dd e-flex e-con-boxed e-con e-child\" data-id=\"44816dd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-496e236 elementor-widget elementor-widget-text-editor\" data-id=\"496e236\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Both are efficient frameworks for creating some remarkable web apps. However, React is a library of JavaScript. In contrast, Blazor framework uses both Razor syntax and C# language.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What Does Blazor Mean?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Blazor actually stands for a combination of two words. Those are Browser and Razor.\"}},{\"@type\":\"Question\",\"name\":\"What Do You Know About Blazor Lifecycle?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The web applications of Blazor are composed of some independent components. They can easily respond to user interactions, just like Blazor Server.\"}},{\"@type\":\"Question\",\"name\":\"What Do You Know About Blazor vs. React?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Both are efficient frameworks for creating some remarkable web apps. However, React is a library of JavaScript. In contrast, Blazor framework uses both Razor syntax and C# language.\"}}]}<\/script>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Today, you will see that many technologies and platforms are capable of seamless web development. So, sometimes, choosing the perfect framework can be a difficult task. Hence, to work in an easier way than ever, you can choose Blazor. It is an efficient web framework which allows you to use the same thing for both [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":5605,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[184],"tags":[118,147],"class_list":["post-5588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blazor","tag-blazor","tag-blazor-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Building Reusable UI Components in Blazor<\/title>\n<meta name=\"description\" content=\"In this detailed blog we have discussed on how you can build reusable UI components by using a blazor technology.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building Reusable UI Components in Blazor\" \/>\n<meta property=\"og:description\" content=\"In this detailed blog we have discussed on how you can build reusable UI components by using a blazor technology.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/\" \/>\n<meta property=\"og:site_name\" content=\"Virtual Coders Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/VirtualCoders\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-17T05:16:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-10T14:27:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Adit Sheth\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Virtual_Coders\" \/>\n<meta name=\"twitter:site\" content=\"@Virtual_Coders\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adit Sheth\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/\"},\"author\":{\"name\":\"Adit Sheth\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/person\/6daab821c9383098be3a5062a4a5ad01\"},\"headline\":\"Building Reusable UI Components in Blazor: A Beginner\u2019s Guide to Component Libraries\",\"datePublished\":\"2026-02-17T05:16:36+00:00\",\"dateModified\":\"2026-03-10T14:27:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/\"},\"wordCount\":1262,\"publisher\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png\",\"keywords\":[\"Blazor\",\"Blazor Development\"],\"articleSection\":[\"Blazor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/\",\"url\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/\",\"name\":\"Building Reusable UI Components in Blazor\",\"isPartOf\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png\",\"datePublished\":\"2026-02-17T05:16:36+00:00\",\"dateModified\":\"2026-03-10T14:27:33+00:00\",\"description\":\"In this detailed blog we have discussed on how you can build reusable UI components by using a blazor technology.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#primaryimage\",\"url\":\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png\",\"contentUrl\":\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png\",\"width\":1600,\"height\":750,\"caption\":\"Building Reusable UI Components in Blazor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.virtualcoders.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building Reusable UI Components in Blazor: A Beginner\u2019s Guide to Component Libraries\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#website\",\"url\":\"https:\/\/www.virtualcoders.net\/blog\/\",\"name\":\"Virtual Coders\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.virtualcoders.net\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#organization\",\"name\":\"Virtual Coders\",\"url\":\"https:\/\/www.virtualcoders.net\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2024\/09\/favicon.svg\",\"contentUrl\":\"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2024\/09\/favicon.svg\",\"width\":100,\"height\":100,\"caption\":\"Virtual Coders\"},\"image\":{\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/VirtualCoders\/\",\"https:\/\/x.com\/Virtual_Coders\",\"https:\/\/www.linkedin.com\/company\/virtualcoders\/\",\"https:\/\/www.instagram.com\/virtualcoders\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/person\/6daab821c9383098be3a5062a4a5ad01\",\"name\":\"Adit Sheth\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5bf91bbf61d89da28b98d845188146e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5bf91bbf61d89da28b98d845188146e1?s=96&d=mm&r=g\",\"caption\":\"Adit Sheth\"},\"description\":\"Adit Seth, CTO of Virtual Coders, is an accomplished engineer focused on software development and emerging technologies. His articles cover innovative coding practices and tech advancements, aiming to educate and inspire readers in the digital landscape.\",\"url\":\"https:\/\/www.virtualcoders.net\/blog\/author\/adit-sheth\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building Reusable UI Components in Blazor","description":"In this detailed blog we have discussed on how you can build reusable UI components by using a blazor technology.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/","og_locale":"en_US","og_type":"article","og_title":"Building Reusable UI Components in Blazor","og_description":"In this detailed blog we have discussed on how you can build reusable UI components by using a blazor technology.","og_url":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/","og_site_name":"Virtual Coders Blog","article_publisher":"https:\/\/www.facebook.com\/VirtualCoders\/","article_published_time":"2026-02-17T05:16:36+00:00","article_modified_time":"2026-03-10T14:27:33+00:00","og_image":[{"width":1600,"height":750,"url":"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png","type":"image\/png"}],"author":"Adit Sheth","twitter_card":"summary_large_image","twitter_creator":"@Virtual_Coders","twitter_site":"@Virtual_Coders","twitter_misc":{"Written by":"Adit Sheth","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#article","isPartOf":{"@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/"},"author":{"name":"Adit Sheth","@id":"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/person\/6daab821c9383098be3a5062a4a5ad01"},"headline":"Building Reusable UI Components in Blazor: A Beginner\u2019s Guide to Component Libraries","datePublished":"2026-02-17T05:16:36+00:00","dateModified":"2026-03-10T14:27:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/"},"wordCount":1262,"publisher":{"@id":"https:\/\/www.virtualcoders.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png","keywords":["Blazor","Blazor Development"],"articleSection":["Blazor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/","url":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/","name":"Building Reusable UI Components in Blazor","isPartOf":{"@id":"https:\/\/www.virtualcoders.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#primaryimage"},"image":{"@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png","datePublished":"2026-02-17T05:16:36+00:00","dateModified":"2026-03-10T14:27:33+00:00","description":"In this detailed blog we have discussed on how you can build reusable UI components by using a blazor technology.","breadcrumb":{"@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#primaryimage","url":"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png","contentUrl":"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2026\/02\/Untitled-design-34.png","width":1600,"height":750,"caption":"Building Reusable UI Components in Blazor"},{"@type":"BreadcrumbList","@id":"https:\/\/www.virtualcoders.net\/blog\/building-reusable-ui-components-in-blazor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.virtualcoders.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Building Reusable UI Components in Blazor: A Beginner\u2019s Guide to Component Libraries"}]},{"@type":"WebSite","@id":"https:\/\/www.virtualcoders.net\/blog\/#website","url":"https:\/\/www.virtualcoders.net\/blog\/","name":"Virtual Coders","description":"","publisher":{"@id":"https:\/\/www.virtualcoders.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.virtualcoders.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.virtualcoders.net\/blog\/#organization","name":"Virtual Coders","url":"https:\/\/www.virtualcoders.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2024\/09\/favicon.svg","contentUrl":"https:\/\/www.virtualcoders.net\/blog\/wp-content\/uploads\/2024\/09\/favicon.svg","width":100,"height":100,"caption":"Virtual Coders"},"image":{"@id":"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/VirtualCoders\/","https:\/\/x.com\/Virtual_Coders","https:\/\/www.linkedin.com\/company\/virtualcoders\/","https:\/\/www.instagram.com\/virtualcoders\/"]},{"@type":"Person","@id":"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/person\/6daab821c9383098be3a5062a4a5ad01","name":"Adit Sheth","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.virtualcoders.net\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5bf91bbf61d89da28b98d845188146e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5bf91bbf61d89da28b98d845188146e1?s=96&d=mm&r=g","caption":"Adit Sheth"},"description":"Adit Seth, CTO of Virtual Coders, is an accomplished engineer focused on software development and emerging technologies. His articles cover innovative coding practices and tech advancements, aiming to educate and inspire readers in the digital landscape.","url":"https:\/\/www.virtualcoders.net\/blog\/author\/adit-sheth\/"}]}},"_links":{"self":[{"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/posts\/5588"}],"collection":[{"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/comments?post=5588"}],"version-history":[{"count":18,"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/posts\/5588\/revisions"}],"predecessor-version":[{"id":5711,"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/posts\/5588\/revisions\/5711"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/media\/5605"}],"wp:attachment":[{"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/media?parent=5588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/categories?post=5588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.virtualcoders.net\/blog\/wp-json\/wp\/v2\/tags?post=5588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}