reusable template

You could try to create a ControlTemplate, refer to Control templates - .NET MAUI | Microsoft Learn

The key point is how to pass parameters with TemplateBinding because I noticed that you set the binding for the labels. Would you mind sharing more code snippets about the ViewModel, so that I can determine the logic to set binding?

ok so I made a Datatemplate file

public class PlatformDatatemplateSelector : DataTemplateSelector
    {
        public DataTemplate PhoneTemplate { get; set; }
        public DataTemplate DeskTopTemplate { get; set; }
        protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
        {
#if WINDOWS
            return DeskTopTemplate;
#else
            return PhoneTemplate;
#endif
        }
    }

and here is my page

<ContentPage
    x:Class="METROWIND.Views.TurbinesCollectionPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:constant="clr-namespace:METROWIND.Constants"
    xmlns:controls="clr-namespace:METROWIND.Controls"
    xmlns:editors="clr-namespace:Syncfusion.Maui.Inputs;assembly=Syncfusion.Maui.Inputs"
    xmlns:inputLayout="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
    xmlns:local="clr-namespace:METROWIND"
    xmlns:mct="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
    xmlns:model="clr-namespace:METROWIND.Models"
    xmlns:picker="clr-namespace:Syncfusion.Maui.Picker;assembly=Syncfusion.Maui.Picker"
    xmlns:rex="clr-namespace:METROWIND.Resources"
    xmlns:syncfusion="clr-namespace:Syncfusion.Maui.Popup;assembly=Syncfusion.Maui.Popup"
    xmlns:vm="clr-namespace:METROWIND.ViewModel"
    x:Name="TurbinesCollection"
    x:DataType="vm:TurbinesCollectionPageViewModel">

    <ContentPage.Resources>
        <ResourceDictionary>
            <DataTemplate x:Key="PhoneTemplate">
                <SwipeView>
                    <SwipeView.RightItems>
                        <SwipeItems>
                            <SwipeItem
                                BackgroundColor="#CB202B"
                                Text="Delete">
                                <SwipeItem.IconImageSource>
                                    <FontImageSource
                                        FontFamily="ma"
                                        Glyph="{x:Static constant:MaterialFonts.Delete}" />
                                </SwipeItem.IconImageSource>
                            </SwipeItem>
                        </SwipeItems>
                    </SwipeView.RightItems>
                    <Border>
                        <Border.StrokeShape>
                            <RoundRectangle CornerRadius="8" />
                        </Border.StrokeShape>
                        <Grid
                            Padding="10"
                            RowDefinitions="*,*,*">
                            <Label Text="{Binding Turbine.Name}" />
                            <Label
                                Grid.Row="1"
                                Text="{Binding Turbine.Address}" />
                            <Label
                                Grid.Row="2"
                                Text="{Binding Turbine.LocalizedInstalationDateTime}" />
                        </Grid>
                        <Border.GestureRecognizers>
                            <TapGestureRecognizer
                                Command="{Binding Source={x:RelativeSource AncestorType={x:Type vm:TurbinesCollectionPageViewModel}}, Path=OnPinMarkerClickedCommand}"
                                CommandParameter="{Binding Turbine}" />
                        </Border.GestureRecognizers>
                    </Border>
                </SwipeView>

            </DataTemplate>
            <DataTemplate x:Key="DesktopTemplate">
                <Border>
                    <Border.StrokeShape>
                        <RoundRectangle CornerRadius="8" />
                    </Border.StrokeShape>
                    <Grid
                        Padding="5"
                        ColumnDefinitions="*,60"
                        RowDefinitions="*,*,*">
                        <Label Text="{Binding Turbine.Name}" />
                        <Label
                            Grid.Row="1"
                            Text="{Binding Turbine.Address}" />
                        <Label
                            Grid.Row="2"
                            Text="{Binding Turbine.LocalizedInstalationDateTime}" />
                        <Button
                            Grid.RowSpan="3"
                            Grid.Column="1"
                            BackgroundColor="#CB202B"
                            HorizontalOptions="End"
                            VerticalOptions="FillAndExpand">
                            <Button.ImageSource>
                                <FontImageSource
                                    FontFamily="ma"
                                    Glyph="{x:Static constant:MaterialFonts.Delete}" />
                            </Button.ImageSource>
                        </Button>
                    </Grid>
                    <Border.GestureRecognizers>
                        <TapGestureRecognizer
                            Command="{Binding Source={x:RelativeSource AncestorType={x:Type vm:TurbinesCollectionPageViewModel}}, Path=OnPinMarkerClickedCommand}"
                            CommandParameter="{Binding Turbine}" />
                    </Border.GestureRecognizers>
                </Border>
            </DataTemplate>

            <local:PlatformDatatemplateSelector
                x:Key="platformDatatemplateSelector"
                DesktopTemplate="{x:StaticResource DesktopTemplate}"
                PhoneDataTemplate="{x:StaticResource PhoneTemplate}" />

        </ResourceDictionary>
    </ContentPage.Resources>

what I do not understands is that in both cases, I will use this the seme thing.

a border, with a grid and some data

the only main difference is, that on dektop, I have a new colum with a button and that it

there is no way, to make the code smaller?

also my vm is here

x:DataType="vm:TurbinesCollectionPageViewModel">  

I am using dependency injection

public partial class TurbinesCollectionPage : ContentPage {
    public TurbinesCollectionPage(TurbinesCollectionPageViewModel turbinesCollectionPageViewModel) {
        InitializeComponent();
        BindingContext = turbinesCollectionPageViewModel;
    }
}

I forgot to pass the vm

      public partial class TurbinesCollectionPageViewModel(GeoapifyService geoapifyService, TurbinesService turbinesService)
       : ChargingStationsMapPageViewModel(turbinesService) {

becouse I am inheriting, everything comes from my charting station vm

 public partial class ChargingStationsMapPageViewModel : ObservableObject {
     private readonly TurbinesService _turbinesService;
     private Microsoft.Maui.Controls.Maps.Map? MapView;
     public ObservableCollection<TurbinePin>? Turbines { get; set; }
     public ICommand? OnPinMarkerClickedCommand { get; }
     [ObservableProperty]
     bool isOptionsOpen;
     [ObservableProperty]
     bool isExpanded;
     public ChargingStationsMapPageViewModel(TurbinesService turbinesService) {
         OnPinMarkerClickedCommand = new Command<object>(OnPinMarkerClicked);
         _turbinesService = turbinesService;
         var SortedTurbinePins = _turbinesService.GetTurbinePins(OnPinMarkerClickedCommand)
             .OrderBy(t => t.Turbine!.InstalationDateTime);
         Turbines = new ObservableCollection<TurbinePin>(SortedTurbinePins);
     }

I mean create a custom control with the control template not the Datatemplate you provided. PlatformDatatemplateSelector is a great option, but you still think it's complex, right?