{"id":1740,"date":"2023-05-06T16:17:32","date_gmt":"2023-05-06T09:17:32","guid":{"rendered":"https:\/\/csharptutorial.net\/?page_id=1740"},"modified":"2023-05-13T14:53:17","modified_gmt":"2023-05-13T07:53:17","slug":"csharp-bridge-pattern","status":"publish","type":"page","link":"https:\/\/www.csharptutorial.net\/csharp-design-patterns\/csharp-bridge-pattern\/","title":{"rendered":"C# Bridge Pattern"},"content":{"rendered":"\n<p><strong>Summary<\/strong>: in this tutorial, you&#8217;ll learn about the C# Bridge pattern that decouples an abstraction from its implementation so that the two can vary independently.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction to the C# Bridge pattern<\/h2>\n\n\n\n<p>By definition, a Bridge pattern allows you to decouple an abstraction from its implementation so that you can change the two independently.<\/p>\n\n\n\n<p>Suppose you have the following shape class hierarchy:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/csharptutorial.net\/wp-content\/uploads\/2023\/05\/CSharp-Bridge-Pattern-Shape-Hierarchy.svg\" alt=\"C# Bridge Pattern - Shape Hierarchy\" class=\"wp-image-1741\"\/><\/figure>\n<\/div>\n\n\n<p>To make both triangles and rectangles rounded and sketched, you may end up with the subclasses of the <code>Triangle<\/code> and <code>Rectangle<\/code> classes like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/csharptutorial.net\/wp-content\/uploads\/2023\/05\/CSharp-Bridge-Pattern-Shape-Hierarchy-Explosion.svg\" alt=\"C# Bridge Pattern - Shape Hierarchy Explosion\" class=\"wp-image-1742\"\/><\/figure>\n<\/div>\n\n\n<p>But this approach is not flexible because <a href=\"https:\/\/csharptutorial.net\/csharp-tutorial\/csharp-inheritance\/\">inheritance<\/a> binds a style (implementation) to a shape (abstraction) permanently. <\/p>\n\n\n\n<p>For example, if you want to add a new shape like a pentagon, you need to define three classes <code>Pentagon<\/code>, <code>RoundedPentagon<\/code>, and <code>SketchedPentagon<\/code>.<\/p>\n\n\n\n<p>Additionally, if you want to add a more shape style like embossed, you need to add a new class to each shape, which does not scale well.<\/p>\n\n\n\n<p>To solve this problem, you can use the Bridge pattern to separate the style from the shape hierarchy like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/csharptutorial.net\/wp-content\/uploads\/2023\/05\/CSharp-Bridge-Pattern.svg\" alt=\"C# Bridge Pattern\" class=\"wp-image-1743\"\/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">C# Bridge pattern implementation<\/h2>\n\n\n\n<p>The following program illustrates the bridge pattern:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"C#\" data-shcb-language-slug=\"cs\"><span><code class=\"hljs language-cs\"><span class=\"hljs-keyword\">using<\/span> <span class=\"hljs-keyword\">static<\/span> System.Console;\n\n<span class=\"hljs-keyword\">namespace<\/span> <span class=\"hljs-title\">BridgePattern<\/span>;\n\n<span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">abstract<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Style<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">abstract<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">Decorate<\/span>(<span class=\"hljs-params\"><\/span>)<\/span>;\n}\n\n<span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">RoundedStyle<\/span> : <span class=\"hljs-title\">Style<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">override<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">Decorate<\/span>(<span class=\"hljs-params\"><\/span>)<\/span> =&gt; WriteLine(<span class=\"hljs-string\">\"rounded.\"<\/span>);\n}\n\n<span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">SketchedStyle<\/span> : <span class=\"hljs-title\">Style<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">override<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">Decorate<\/span>(<span class=\"hljs-params\"><\/span>)<\/span> =&gt; WriteLine(<span class=\"hljs-string\">\"sketched.\"<\/span>);\n}\n\n<span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">abstract<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Shape<\/span>\n{\n    <span class=\"hljs-keyword\">protected<\/span> Style Style;\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-title\">Shape<\/span>(<span class=\"hljs-params\">Style style<\/span>)<\/span>\n    {\n        Style = style;\n    }\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">abstract<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">ApplyStyle<\/span>(<span class=\"hljs-params\"><\/span>)<\/span>;\n\n}\n\n<span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Triangle<\/span> : <span class=\"hljs-title\">Shape<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-title\">Triangle<\/span>(<span class=\"hljs-params\">Style style<\/span>) : <span class=\"hljs-title\">base<\/span>(<span class=\"hljs-params\">style<\/span>)<\/span>\n    {\n    }\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">override<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">ApplyStyle<\/span>(<span class=\"hljs-params\"><\/span>)<\/span>\n    {\n        Write(<span class=\"hljs-string\">\"Make the triangle \"<\/span>);\n        Style.Decorate();\n    }\n}\n\n<span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Rectangle<\/span> : <span class=\"hljs-title\">Shape<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-title\">Rectangle<\/span>(<span class=\"hljs-params\">Style style<\/span>) : <span class=\"hljs-title\">base<\/span>(<span class=\"hljs-params\">style<\/span>)<\/span>\n    {\n    }\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">override<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">ApplyStyle<\/span>(<span class=\"hljs-params\"><\/span>)<\/span>\n    {\n        Write(<span class=\"hljs-string\">\"Make the rectangle \"<\/span>);\n        Style.Decorate();\n    }\n}\n<span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Program<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">static<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">Main<\/span>(<span class=\"hljs-params\"><span class=\"hljs-keyword\">string<\/span>&#91;] args<\/span>)<\/span>\n    {\n        <span class=\"hljs-keyword\">var<\/span> triangle = <span class=\"hljs-keyword\">new<\/span> Triangle(<span class=\"hljs-keyword\">new<\/span> SketchedStyle());\n        triangle.ApplyStyle();\n\n        <span class=\"hljs-keyword\">var<\/span> rectangle = <span class=\"hljs-keyword\">new<\/span> Rectangle(<span class=\"hljs-keyword\">new<\/span> RoundedStyle());\n        rectangle.ApplyStyle();\n    }\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">C#<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">cs<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Output:<\/p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">Make the triangle sketched.\r\nMake the rectangle rounded.<\/code><\/span><\/pre>\n\n\n<p>How it works.<\/p>\n\n\n\n<p>First, define the <code>Style<\/code> <a href=\"https:\/\/csharptutorial.net\/csharp-tutorial\/csharp-abstract-class\/\">abstract class<\/a> that has the <code>Decorate()<\/code> abstract method:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"C#\" data-shcb-language-slug=\"cs\"><span><code class=\"hljs language-cs\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">abstract<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Style<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">abstract<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">Decorate<\/span>(<span class=\"hljs-params\"><\/span>)<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">C#<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">cs<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Second, define the <code>RoundedStyle<\/code> class that inherits from the <code>Style<\/code> class. The <code>Decorate()<\/code> method displays the <code>\" rounded.\"<\/code> message to the Console:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"C#\" data-shcb-language-slug=\"cs\"><span><code class=\"hljs language-cs\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">RoundedStyle<\/span> : <span class=\"hljs-title\">Style<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">override<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">Decorate<\/span>(<span class=\"hljs-params\"><\/span>)<\/span> =&gt; WriteLine(<span class=\"hljs-string\">\"rounded.\"<\/span>);\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">C#<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">cs<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Third, define the <code>SketchedStyle<\/code> class that also inherits from the <code>Style<\/code> class. The <code>Decorate()<\/code> method shows the <code>\" sketched.\"<\/code> message to the Console:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"C#\" data-shcb-language-slug=\"cs\"><span><code class=\"hljs language-cs\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">SketchedStyle<\/span> : <span class=\"hljs-title\">Style<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">override<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">Decorate<\/span>(<span class=\"hljs-params\"><\/span>)<\/span> =&gt; WriteLine(<span class=\"hljs-string\">\"sketched.\"<\/span>);\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">C#<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">cs<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Fourth, define the <code>Shape<\/code> abstract class that has a <code>Style<\/code> object as a property and an abstract method <code>ApplyStyle()<\/code> that calls the <code>Decorate()<\/code> method of the <code>Style<\/code> object to set the style for shape:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"C#\" data-shcb-language-slug=\"cs\"><span><code class=\"hljs language-cs\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">abstract<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Shape<\/span>\n{\n\n    <span class=\"hljs-keyword\">protected<\/span> Style Style;\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-title\">Shape<\/span>(<span class=\"hljs-params\">Style style<\/span>)<\/span>\n    {\n        Style = style;\n    }\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">abstract<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">ApplyStyle<\/span>(<span class=\"hljs-params\"><\/span>)<\/span>;\n\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">C#<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">cs<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Fifth, define the <code>Triangle<\/code> class that extends the <code>Shape<\/code> class. The <code>ApplyStyle()<\/code> method writes a message to the console and calls the <code>Decorate()<\/code> method of the style object:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-6\" data-shcb-language-name=\"C#\" data-shcb-language-slug=\"cs\"><span><code class=\"hljs language-cs\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Triangle<\/span> : <span class=\"hljs-title\">Shape<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-title\">Triangle<\/span>(<span class=\"hljs-params\">Style style<\/span>) : <span class=\"hljs-title\">base<\/span>(<span class=\"hljs-params\">style<\/span>)<\/span>\n    {\n    }\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">override<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">ApplyStyle<\/span>(<span class=\"hljs-params\"><\/span>)<\/span>\n    {\n        Write(<span class=\"hljs-string\">\"Make the triangle \"<\/span>);\n        Style.Decorate();\n    }\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-6\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">C#<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">cs<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Sixth, define the <code>Rectangle<\/code> class that inherits from the <code>Shape<\/code> class. The <code>ApplyStyle()<\/code> method also writes a message to the console and calls the <code>Decorate()<\/code> method of the <code>Style<\/code> object:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-7\" data-shcb-language-name=\"C#\" data-shcb-language-slug=\"cs\"><span><code class=\"hljs language-cs\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Rectangle<\/span> : <span class=\"hljs-title\">Shape<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-title\">Rectangle<\/span>(<span class=\"hljs-params\">Style style<\/span>) : <span class=\"hljs-title\">base<\/span>(<span class=\"hljs-params\">style<\/span>)<\/span>\n    {\n    }\n\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">override<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">ApplyStyle<\/span>(<span class=\"hljs-params\"><\/span>)<\/span>\n    {\n        Write(<span class=\"hljs-string\">\"Make the rectangle \"<\/span>);\n        Style.Decorate();\n    }\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-7\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">C#<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">cs<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Finally, create an instance of the <code>Triangle<\/code> class with the <code>SketchedStyle<\/code> and calls the <code><code>ApplyStyle()<\/code><\/code> method to set its style to sketch. Similarly, create an instance of the <code>Rectangle<\/code> class and calls the <code><code>ApplyStyle()<\/code><\/code> method to set its style to rounded.<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-8\" data-shcb-language-name=\"C#\" data-shcb-language-slug=\"cs\"><span><code class=\"hljs language-cs\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">class<\/span> <span class=\"hljs-title\">Program<\/span>\n{\n    <span class=\"hljs-function\"><span class=\"hljs-keyword\">public<\/span> <span class=\"hljs-keyword\">static<\/span> <span class=\"hljs-keyword\">void<\/span> <span class=\"hljs-title\">Main<\/span>(<span class=\"hljs-params\"><span class=\"hljs-keyword\">string<\/span>&#91;] args<\/span>)<\/span>\n    {\n        <span class=\"hljs-keyword\">var<\/span> triangle = <span class=\"hljs-keyword\">new<\/span> Triangle(<span class=\"hljs-keyword\">new<\/span> SketchedStyle());\n        triangle.ApplyStyle();\n\n        <span class=\"hljs-keyword\">var<\/span> rectangle = <span class=\"hljs-keyword\">new<\/span> Rectangle(<span class=\"hljs-keyword\">new<\/span> RoundedStyle());\n        rectangle.ApplyStyle();\n    }\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-8\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">C#<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">cs<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h2 class=\"wp-block-heading\">Summary<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the C# Bridge pattern to decouple an abstraction from its implementation so that the two can vary independently.<\/li>\n<\/ul>\n<div class=\"helpful-block-content\" data-title=\"\">\n\t<header>\n\t\t<div class=\"wth-question\">Was this tutorial helpful ?<\/div>\n\t\t<div class=\"wth-thumbs\">\n\t\t\t<button\n\t\t\t\tdata-post=\"1740\"\n\t\t\t\tdata-post-url=\"https:\/\/www.csharptutorial.net\/csharp-design-patterns\/csharp-bridge-pattern\/\"\n\t\t\t\tdata-post-title=\"C# Bridge Pattern\"\n\t\t\t\tdata-response=\"1\"\n\t\t\t\tclass=\"wth-btn-rounded wth-yes-btn\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\tclass=\"feather feather-thumbs-up block w-full h-full\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\n\t\t\t\t\t><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<span class=\"sr-only\"> Yes <\/span>\n\t\t\t<\/button>\n\n\t\t\t<button\n\t\t\t\tdata-response=\"0\"\n\t\t\t\tdata-post=\"1740\"\n\t\t\t\tdata-post-url=\"https:\/\/www.csharptutorial.net\/csharp-design-patterns\/csharp-bridge-pattern\/\"\n\t\t\t\tdata-post-title=\"C# Bridge Pattern\"\n\t\t\t\tclass=\"wth-btn-rounded wth-no-btn\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17\"\n\t\t\t\t\t><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<span class=\"sr-only\"> No <\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t<\/header>\n\n\t<div class=\"wth-form hidden\">\n\t\t<div class=\"wth-form-wrapper\">\n\t\t\t<div class=\"wth-title\"><\/div>\n\t\t\t\n\t\t\t<textarea class=\"wth-message\"><\/textarea>\n\n\t\t\t<button class=\"btn btn-primary wth-btn-submit\">Send<\/button>\n\t\t\t<button class=\"btn wth-btn-cancel\">Cancel<\/button>\n\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, you&#8217;ll learn about the C# Bridge pattern that decouples an abstraction from its implementation so that the two can vary independently.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1441,"menu_order":22,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1740","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/pages\/1740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/comments?post=1740"}],"version-history":[{"count":2,"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/pages\/1740\/revisions"}],"predecessor-version":[{"id":1818,"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/pages\/1740\/revisions\/1818"}],"up":[{"embeddable":true,"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/pages\/1441"}],"wp:attachment":[{"href":"https:\/\/www.csharptutorial.net\/wp-json\/wp\/v2\/media?parent=1740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}