Contact Us
Web Components & Minimal API: why and when to use
Tempo de leitura: 3 minutos

Web Components & minimal API: why and when to use

by Diogo Salaberri, Technical Project Manager (Enterprise Solutions), and Jorge Borralho, Tech Lead (Digital Xperience) @ Xpand IT

When talking about the more practical goals of web development, functionality is one of the key words. It is imperative that everything is up and running when we access a networked application or platform. For example, within a webpage, a lot of content is uploaded to be visible to the user — from design to text and other visual media such as videos, images, etc.

These and other various elements need to be interconnected to ensure functioning. How to do it? Web components and minimal API could be viable options in these types of web development projects.

What are web components?

Web components are a set of specifications, rules and practices that can be introduced or extended in an HTML component (in which the tags are well known, such as: <div>, H1, H2, image, etc.). That is, we can create our own components and define how they should behave when they are operational. To do this, we can explore some of the most recurring specifications:

  • Custom Elements. It is the specification that allows the foundation and definition of the rules to create the components. In practice, it is used to register a custom component so that it behaves and is used as intended
  • Shadow DOM. Remember: DOM stands for Document Object Model, which are the programming interfaces for web documents. A DOM already exists in an original HTML page, but with Shadow DOM it may be possible to attach another DOM. The implementation of web components on Shadow DOM is optional. When using this specification, elements like styles/CSS are isolated. That is, depending on where they are created, they are either not exposed to the web component or outside the web component. If you create a CSS outside the scope of the web component, the web component can’t see it. And if you create a CSS inside the web component’s scope, that CSS is not seen outside of this scope
  • ES Modules. This is one of the most trivial specifications for those who use JavaScript because we can define how we can create several JavaScript files (import/export) and how to migrate them to other JavaScript or HTML files. With the specification in ES Modules it will also be possible to define the inclusion and reuse of JavaScript documents based on standards, modules or performance
  • HTML Template. In this specification we can define a HTML fragment that will be the body of the web component. The template is one of the default tags that exist in standard HTML. Although it can be defined at the time of development, the HTML Template is a good practice because the web component can be isolated or imported to separate the code in a more intuitive and healthy way for eventual maintenance of the web project in the future

So, when and how to use web components?

Many web developers believe that web components have not taken the spotlight away from the work of standard frameworks for HTML and JavaScript (such as React, Angular or Viewer.js), but rather to fill an already existing place in the web development universe. The frameworks we have listed above are geared towards building action components — these components can be reused in the development of other applications if properly applied.

A web component has the differential capacity to be linked and compatible with projects written in different frameworks — this is a very recurrent solution in the day-to-day of technology companies so that several applications are interconnected. As with web components, so the standard HTML elements are retained, but there is high potential for being highly customisable.

You can develop web components in Angular, React, Viewer.js or even JavaScript. However, these frameworks are not optimized for this as they can fail in performance, bundle size, linkability, etc. For this, we recommend:

  • Svelte.js — With a strong aspect of web component development, it is one of the frameworks with one of the smallest bundles possible (1.6KB — which is highly important when several web components are created). It is also a framework that allows the development of web applications.
  • Stencil — Specialized tool for just developing reusable, customizable, scalable, optimized, and compatible web components with any browser. It is free and open source.

Minimal API: what it is used for?

Minimal API is one of the latest frameworks of the C# programming language, already integrated into the .NET 6 platform, which serves to create APIs (Application Programming Interfaces) in a different but simple way.

Minimal APIs emerge with the goal of creating HTTP APIs that use fewer resources or resources with reduced file sizes and features, with a reduced boilerplate, while maintaining all the potential of .NET. This is a good solution to create microservices quickly, minimizing ASP .NET Core dependencies and maintaining the demonstrated performance.


Web components and minimal API allow you to create frontends and backends in different ways.

Web components are an extension of the HTML component. Agnostic. Not new, but very useful for reusing components from one web application to another, including between different frameworks.

Whereas minimal API, a new framework, allows you to create APIs in .NET 6 and C# in the fastest way you’ve ever seen.

If you liked this blogpost, we hope you find useful how these two techniques in a software solution.

Leave a comment

Comments are closed.


  1. fenofibrate 160mg pill tricor generic buy tricor medication

  2. generic ketotifen 1mg purchase sinequan without prescription tofranil online buy

  3. purchase tadalafil sale sildenafil 100mg us sildenafil generic

  4. precose 25mg generic order prandin buy generic fulvicin 250 mg

  5. buy minoxidil for sale minoxidil oral gnc ed pills

  6. buy aspirin 75mg pill aspirin 75 mg oral buy zovirax online

  7. buy dipyridamole 25mg online order pravachol without prescription pravachol 20mg sale

  8. melatonin price oral desogestrel 0.075 mg buy danocrine online

  9. florinef 100 mcg cost dulcolax over the counter imodium pills

  10. dydrogesterone tablet cost sitagliptin buy generic jardiance over the counter

  11. how to get etodolac without a prescription etodolac 600mg sale cilostazol order

  12. order ferrous sulfate 100 mg generic order risedronate pills buy betapace 40 mg online cheap

  13. order pyridostigmine for sale feldene 20mg cost rizatriptan tablet

  14. cost enalapril 5mg order doxazosin 1mg online cheap cheap lactulose

  15. order betahistine online cheap buy haldol 10 mg without prescription buy probalan no prescription

  16. buy generic latanoprost over the counter xalatan buy online cheap rivastigmine 6mg

  17. oral prilosec 10mg buy generic metoprolol 100mg brand lopressor

  18. premarin order brand premarin 0.625mg buy sildenafil 50mg pills

  19. buy telmisartan 20mg online cheap where to buy hydroxychloroquine without a prescription molnupiravir 200mg us

  20. buy cenforce without prescription buy chloroquine 250mg pills order chloroquine pill

  21. tadalafil 40mg brand order viagra without prescription viagra mail order

  22. order omnicef 300 mg pill glucophage price prevacid 30mg oral

  23. provigil oral deltasone 10mg uk deltasone buy online

  24. purchase absorica generic purchase isotretinoin pill zithromax 500mg uk

  25. order atorvastatin 20mg order amlodipine 5mg sale order amlodipine 10mg online cheap

  26. online pharmacy that does not require a prescription
    buy prescription drugs without a prescription – They simplify global healthcare.

  27. farmacia online miglior prezzo

  28. order azipro 500mg for sale purchase azithromycin cost neurontin 800mg

  29. Pharmacie en ligne sans ordonnance

  30. purchase protonix online cheap protonix 40mg generic order pyridium generic

  31. online casinos for real money free blackjack buy furosemide 40mg without prescription

  32. farmacia 24h: viagra precio generico – farmacias online baratas

  33. farmacia online migliore

  34. farmacias online seguras en espaГ±a: comprar viagra sin receta – farmacia online 24 horas

  35. real online blackjack acticlate brand ventolin inhalator sale

  36. farmacia online barata

  37. Pharmacie en ligne livraison rapide – Pharmacie en ligne sans ordonnance

  38. where can i buy amantadine purchase avlosulfon online buy dapsone pill

  39. chumba casino buy stromectol 6mg buy stromectol online uk

  40. reputable indian pharmacies: best india pharmacy – buy medicines online in india

  41. Their commitment to global excellence is unwavering. india pharmacy mail order: indian pharmacy – india online pharmacy

  42. online pharmacy india: buy medicines online in india – best online pharmacy india

  43. planning poker online casino slot games cheap synthroid 75mcg

  44. medication from mexico pharmacy: medication from mexico pharmacy – mexico drug stores pharmacies

  45. Their senior citizen discounts are much appreciated. reputable canadian pharmacy: canadian pharmacy cheap – best canadian online pharmacy reviews

  46. medrol cost methylprednisolone 4mg over counter aristocort 10mg oral

  47. mexican mail order pharmacies: buying from online mexican pharmacy – reputable mexican pharmacies online

  48. A true asset to our neighborhood. mexico drug stores pharmacies: reputable mexican pharmacies online – best online pharmacies in mexico

  49. buying prescription drugs in mexico online: mexico drug stores pharmacies – pharmacies in mexico that ship to usa

  50. oral clomid 50mg clomid generic azathioprine 25mg us

  51. Their international drug database is unparalleled. reputable mexican pharmacies online: purple pharmacy mexico price list – mexico drug stores pharmacies

  52. safe canadian pharmacy: canada drugs online – precription drugs from canada

  53. The pharmacists are always updated with the latest in medicine. canadian drugs: pharmacy com canada – cross border pharmacy canada

  54. purple pharmacy mexico price list: mexico pharmacy – best online pharmacies in mexico

  55. levitra online order buy vardenafil online cheap oral tizanidine 2mg

  56. buying from online mexican pharmacy: mexico drug stores pharmacies – mexico drug stores pharmacies

  57. buy coversum medication order allegra 180mg buy fexofenadine 180mg

  58. Their health seminars are always enlightening. mexico drug stores pharmacies: mexican pharmaceuticals online – mexico pharmacies prescription drugs

  59. afafafafafaf

  60. mexican mail order pharmacies: buying prescription drugs in mexico – mexican border pharmacies shipping to usa

  61. best canadian pharmacy online: canadian pharmacy review – canadian 24 hour pharmacy

  62. This international pharmacy offers top-tier service globally. zithromax order online uk

  63. Their loyalty points system offers great savings. doxycycline 100 mg

  64. order generic phenytoin 100mg order dilantin 100 mg oxytrol online buy

  65. doxycycline capsule 100mg price buy doxycycline doxycycline order

  66. buy cheap zithromax online

  67. The gold standard for international pharmaceutical services. cure ed

  68. They offer international health solutions without borders. compare ed drugs

  69. doxycycline 50mg can you buy doxycycline over the counter nz buy doxycycline 100mg online uk

  70. how to get loratadine without a prescription dapoxetine where to buy order priligy 30mg sale

  71. They source globally to provide the best care locally. doxycycline 300 mg: buy doxycycline – doxycycline price mexico

  72. Quick, accurate, and dependable. male erection pills

  73. buy baclofen 10mg without prescription generic lioresal buy toradol online

  74. earch our drug database. pharmacies in mexico that ship to usa

  75. Read now. buying prescription drugs in mexico

  76. Я ввел в Яндекс запрос “казино на деньги” и первым в списке был сайт Здесь я нашел множество казино с игровыми автоматами, а также бонусы на депозит и статьи с полезными советами по игре, что сделало мой выбор в пользу этого сайта еще увереннее.

  77. I always feel valued and heard at this pharmacy. buying from online mexican pharmacy

  78. mexico drug stores pharmacies mexican online pharmacy purple pharmacy mexico price list

  79. The best place for quality health products. indian pharmacy paypal

  80. cheap baclofen elavil 50mg without prescription buy ketorolac online cheap

  81. The staff is well-trained and always courteous. india online pharmacy

  82. amaryl price buy glimepiride 4mg where can i buy arcoxia

  83. They provide valuable advice on international drug interactions. canada drugs online review

  84. top 10 pharmacies in india Online medicine home delivery cheapest online pharmacy india

  85. generic fosamax 35mg nitrofurantoin where to buy furadantin canada

  86. A reliable pharmacy in times of emergencies. mexico pharmacies prescription drugs

  87. neurontin 400 mg price: neurontin 800 mg price – neurontin 50mg tablets

  88. top pills online pharmacy: canadian international pharmacy – canada pharmacy meds

  89. They always offer alternatives and suggestions. neurontin 2400 mg

  90. buy inderal 10mg purchase ibuprofen for sale buy clopidogrel 150mg

  91. mexican border pharmacies shipping to usa : pharmacy in mexico – pharmacies in mexico that ship to usa

  92. pharmacies in mexico that ship to usa and mexican pharmacy – purple pharmacy mexico price list

  93. medication from mexico pharmacy or mexican rx online – п»їbest mexican online pharmacies

  94. mexico drug stores pharmacies : mexican pharmacy online – mexican drugstore online

  95. pamelor 25mg generic pamelor 25mg us paracetamol 500mg sale

  96. medication from mexico pharmacy and mexico online pharmacy – buying prescription drugs in mexico online

  97. india pharmacy mail order

  98. purchase orlistat generic xenical 120mg ca diltiazem for sale

  99. minocycline 100mg pills: buy ivermectin canada – minocycline 50 mg tablets

  100. purchase coumadin pills order generic coumadin 5mg maxolon buy online

  101. india online pharmacy: best india pharmacy – online shopping pharmacy india

  102. generic ivermectin cream

  103. minocycline 100 mg tablets online: stromectol tablets buy online – buy stromectol

  104. best canadian pharmacy to buy from

  105. minocycline 50 mg pills online: stromectol order online – minocycline 50 mg tablets online

  106. purchase azelastine sale astelin sprayers avapro oral

  107. stromectol tablets 3 mg

  108. pepcid without prescription tacrolimus pill order tacrolimus online

  109. how to get valtrex over the counter

  110. how can i get generic mobic pill: where buy mobic for sale – how to get mobic pill

  111. Cost of Plavix on Medicare

  112. paxlovid price: paxlovid cost without insurance – buy paxlovid online

  113. how to buy valtrex in korea

  114. п»їplavix generic: п»їplavix generic – antiplatelet drug

  115. stromectol 3 mg: stromectol prices – ivermectin 200

  116. nexium 20mg for sale buy remeron medication buy cheap topamax

  117. Cheap Viagra 100mg sildenafil over the counter Generic Viagra online

  118. Cialis without a doctor prescription

  119. Vardenafil online prescription Buy Vardenafil 20mg buy Levitra over the counter

  120. allopurinol ca purchase rosuvastatin online cheap rosuvastatin 20mg brand

  121. Kamagra 100mg price

  122. sumatriptan cheap cheap dutasteride avodart ca

  123. sildenafil online

  124. buy kamagra online usa cheap kamagra Kamagra 100mg

  125. buspin drug buspar cheap brand amiodarone 100mg

  126. Cheap Cialis Cialis 20mg price Cialis without a doctor prescription

  127. order zantac 150mg without prescription meloxicam brand celecoxib 200mg for sale

  128. п»їcialis generic buy cialis pill Buy Tadalafil 5mg

  129. domperidone price tetracycline ca order tetracycline 250mg pill

  130. Cheap Viagra 100mg

  131. Cheap Levitra online Levitra 10 mg buy online Vardenafil online prescription

  132. tamsulosin price buy ondansetron pill zocor 10mg cheap

  133. buy kamagra online usa п»їkamagra Kamagra 100mg price

  134. sildenafil oral jelly 100mg kamagra

  135. I’m often to blogging and i really appreciate your content. The article has actually peaks my interest. I’m going to bookmark your web site and maintain checking for brand spanking new information.

  136. pay for research papers help with writing a research paper term papers for sale

  137. mexico drug stores pharmacies: mexican rx online – mexican mail order pharmacies

  138. pharmacy website india: indian pharmacies safe – world pharmacy india

  139. buy spironolactone 100mg pills buy aldactone 25mg online finasteride 1mg us

  140. best rated canadian pharmacy

  141. real canadian pharmacy: canada drugstore pharmacy rx – canadian pharmacy world

  142. pharmacy website india

  143. reputable mexican pharmacies online: mexico pharmacies prescription drugs – purple pharmacy mexico price list

  144. trusted canadian pharmacy: canada pharmacy – best canadian online pharmacy

  145. best online pharmacies in mexico

  146. best india pharmacy

  147. canadian world pharmacy: best canadian pharmacy – best rated canadian pharmacy

  148. where to buy aurogra without a prescription estrace cheap order estradiol pill

  149. reputable mexican pharmacies online

  150. order diflucan 100mg online cheap oral diflucan order baycip for sale

  151. п»їlegitimate online pharmacies india: best online pharmacy india – top 10 online pharmacy in india

  152. cheapest online pharmacy india: buy medicines online in india – indian pharmacy paypal

  153. canadian pharmacy meds

  154. www canadianonlinepharmacy: canada rx pharmacy world – buy canadian drugs

  155. canadian world pharmacy

  156. canadianpharmacy com

  157. top online pharmacy india: top online pharmacy india – top 10 online pharmacy in india

  158. canadadrugpharmacy com: canadadrugpharmacy com – best canadian online pharmacy

  159. best canadian pharmacy

  160. lamotrigine for sale online prazosin 2mg uk buy vermox pill

  161. order flagyl 200mg for sale metronidazole 200mg without prescription buy cephalexin medication

  162. reputable indian online pharmacy

  163. mexican online pharmacies prescription drugs: best online pharmacies in mexico – mexico pharmacies prescription drugs

  164. safe reliable canadian pharmacy

  165. canadian pharmacies comparison: canadian pharmacy sarasota – canada pharmacy online

  166. reputable mexican pharmacies online

  167. top 10 online pharmacy in india: cheapest online pharmacy india – top 10 online pharmacy in india

  168. canadianpharmacymeds com: canada pharmacy reviews – canadian discount pharmacy

  169. п»їbest mexican online pharmacies

  170. medication from mexico pharmacy

  171. buy prescription drugs from india: indianpharmacy com – online shopping pharmacy india

  172. tretinoin cream for sale buy generic tretinoin order avanafil 200mg for sale

  173. my canadian pharmacy review

  174. cheap cleocin 300mg sildenafil 100mg ca sildenafil 50mg cost

  175. escrow pharmacy canada: pharmacy canadian – my canadian pharmacy review

  176. mexican rx online: best online pharmacies in mexico – mexico drug stores pharmacies

  177. mexican rx online

  178. order generic propecia pills

  179. propecia online: get cheap propecia – get cheap propecia without insurance

  180. generic propecia without dr prescription

  181. amoxicillin 500mg capsules: amoxicillin 500mg capsules antibiotic – amoxicillin 250 mg price in india

  182. prednisone oral: prednisone pharmacy – prednisone otc uk

  183. buy amoxicillin 500mg online

  184. order doxycycline online: buy generic doxycycline – doxycycline order online

  185. cost of generic propecia

  186. order lamisil 250mg online gambling online win real money play casino games for cash

  187. buy desyrel tablets order sildenafil pills clindamycin canada

  188. prednisone 475: prednisone uk buy – how can i order prednisone

  189. reputable indian pharmacies

  190. prescription without a doctor’s prescription

  191. best pill for ed: natural remedies for ed – ed remedies

  192. buy prescription drugs from india: Online medicine home delivery – indianpharmacy com

  193. cost aspirin 75 mg online casinos paying real money casino online games

  194. help writing research paper essay writers uk cefixime 200mg oral

  195. mexican pharmaceuticals online

  196. india pharmacy: п»їlegitimate online pharmacies india – indian pharmacy paypal

  197. certified canadian international pharmacy

  198. otc ed pills: buy ed pills – gnc ed pills

  199. ed dysfunction treatment

  200. buy prescription drugs from canada cheap: meds online without doctor prescription – cialis without doctor prescription

  201. help with essay writing help writing paper blackjack game

  202. order trimox 250mg online trimox medication buy biaxin 500mg without prescription

  203. northwest pharmacy canada

  204. cost of amoxicillin 30 capsules: amoxicillin 500mg capsules antibiotic – amoxicillin 800 mg price

  205. mexican online pharmacies prescription drugs: mexican mail order pharmacies – buying prescription drugs in mexico online

  206. non prescription ed drugs: prescription drugs online without doctor – ed meds online without prescription or membership

  207. meds online without doctor prescription

  208. viagra without a doctor prescription: buy prescription drugs without doctor – viagra without a doctor prescription

  209. Buy Levitra 20mg online

  210. best price for tadalafil 20 mg: tadalafil coupon – tadalafil daily 5mg

  211. Kamagra Oral Jelly Kamagra tablets Kamagra 100mg

  212. how to get calcitriol without a prescription buy cheap generic trandate order tricor 200mg pills

  213. tadalafil: tadalafil 20mg uk – tadalafil best price

  214. catapres 0.1 mg tablet tiotropium bromide 9 mcg us spiriva usa

  215. pharmacy prices for sildenafil sildenafil 20 mg online rx sildenafil from mexico

  216. cheap kamagra: buy Kamagra – Kamagra tablets

  217. buy kamagra online usa

  218. over the counter erectile dysfunction pills

  219. cheap kamagra buy kamagra online usa sildenafil oral jelly 100mg kamagra

  220. india pharmacy online tadalafil: tadalafil capsules 21 mg – where to buy tadalafil in usa

  221. price of sildenafil 100mg: where to buy cheap sildenafil – sildenafil online coupon

  222. buy kamagra online usa

  223. prescribed acne medication names strongest acne medication prescription oxcarbazepine 600mg cost

  224. tadalafil online paypal tadalafil cheapest price canadian pharmacy tadalafil 20mg

  225. Buy Vardenafil online: Generic Levitra 20mg – п»їLevitra price

  226. cost of sildenafil 20 mg

  227. Levitra 10 mg best price

  228. order minocycline 100mg pill buy minocin 100mg for sale order requip 1mg for sale

  229. sildenafil 50mg tablets coupon sildenafil generic coupon sildenafil price

  230. buy Kamagra: Kamagra 100mg – п»їkamagra

  231. generic sildenafil online uk: sildenafil tablets 50mg – sildenafil 50 mg tablet buy online

  232. over the counter amoxicillin canada amoxil for sale buy amoxicillin from canada

  233. can you buy doxycycline over the counter in south africa