Summary  
This chapter covers moving blocking operations to background threads and marshaling updates back to the main thread to prevent UI freezes.

General domain of usage  
Responsive GUI applications

The base program is given on the <a 
href="https://github.com/Codefinity-Java/MAUIThreadingTask"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">Github Repository</a>. Clone the repository to begin solving the task.

<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism-okaidia.min.css"
/>
<link
  rel="stylesheet"
  href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-video.css"
/>


<link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css" />
<link
  rel="stylesheet"
  href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/video-tools-section/video-player.css"
/>


<div class="button-container">
  <button id="btn-hint" class="button" onclick="hintClick()">Hint</button>
  <button id="btn-solution" class="button" onclick="solutionClick()">
    Solution
  </button>
  <button id="btn-video" class="button" onclick="videoClick()">
    Video Tutorial
  </button>
</div>


<div id="hint-block" class="block">
  Statements related to UI updates are best to execute in the Main Thread.
</div>


<div id="solution-block" class="block">
  <pre><code class="language-csharp">
using Microsoft.Maui.Controls.Shapes;
using System.Globalization;
using System.Net.Http;

namespace MauiApp1
{
    public class apiEvent
    {
        public delegate void apiEventHandler(object sender, apiEventArgs e);

        public event apiEventHandler? OnResponse;

        public void OnApiResponse(string content)
        {
            apiEventHandler? handler = OnResponse;

            if (handler != null)
            {
                handler(this, new apiEventArgs(content));
            }
        }
    }

    public class apiEventArgs : EventArgs
    {
        public string Link { get; }

        public apiEventArgs(string content)
        {
            this.Link = content;
        }
    }

    public partial class MainPage : ContentPage
    {
        public apiEvent apiService = new apiEvent();

        Thread? mainTimer;
        Thread? getRequestThread;
        long ticks;

        public MainPage()
        {
            InitializeComponent();

            getImageButton.Clicked += GetImage;
            apiService.OnResponse += SetImage;

            ticks = 0;
            mainTimer = new Thread(new ThreadStart(timerUpdate));
            mainTimer.Start();
        }

        public void timerUpdate()
        {
            while (true)
            {
                ticks++;
                Thread.Sleep(50);
                MainThread.BeginInvokeOnMainThread(() => {
                    timerLabel.Text = $"Tick Count: {ticks}";
                });
            }
        }

        private void SetImage(object? sender, apiEventArgs e)
        {
            MainThread.BeginInvokeOnMainThread(() =>
            {
                mainImage.Source = e.Link;
            });
        }

        private void GetImage(object? sender, EventArgs e)
        {
            if (getRequestThread != null && !getRequestThread.IsAlive)
                getRequestThread = null;

            if (getRequestThread == null)
            {
                getRequestThread = new Thread(new ThreadStart(GetRequest));
                getRequestThread.Start();
            }
        }

        private void GetRequest()
        {
            string apiUrl = "https://random.imagecdn.app/v1/image";

            using (HttpClient client = new HttpClient())
            {
                HttpResponseMessage response = client.GetAsync(apiUrl).Result;

                if (response.IsSuccessStatusCode)
                {
                    string content = response.Content.ReadAsStringAsync().Result;
                    apiService.OnApiResponse(content);
                }
            }
        }
    }
}    
      </code></pre>
</div>


<div id="video-block" class="block">
  <div class="custom-player">
    <video width="100%" controls>
      
      <source
        src="https://content-media-cdn.codefinity.com/courses/c585e6db-0d47-4d9a-aa26-c1a0358614c8/S3/Chapter+2+-+Task+Description.mp4"
        type="video/mp4"
        data-plyr-config='{
          "quality": {
            "default": "720",
            "options": ["144", "240", "360", "480", "720", "1080"]
          }
        }'
      />
    </video>
  </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-csharp.min.js"></script>
<script src="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-video.js"></script>


<script src="https://cdn.plyr.io/3.6.8/plyr.js"></script>
<script src="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/video-tools-section/video-player.js"></script>

In this course, we will learn about some advanced C# concepts along with MAUI, which is an application development library. We will learn how to create some interesting GUI applications while keeping them quick and responsive using techniques like Threading. We will make applications that will interact user input and APIs, and apart from that, we will cover some important C# concepts like Reflection and Generics. This course will further improve our programming skills and will give us a strong foundation to move forward towards Web Development.

Challenge: Preventing Program Freezes Using Threading

Task Description

Challenge: Preventing Program Freezes Using Threading

Task Description