Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Building Fabulous mobile apps with F#

453 views

Published on

Fabulous is a new functional-first app programming model for building cross-platform apps that run on iOS, Android, Windows, macOS, Linux and Tizen. It combines the simplicity of modern functional UI programming with a robust foundation for cross-platform app development powered by Xamarin.Forms. You'll be amazed at the code you don't write!

Fabulous is an open source project, you can use and contribute to it today!

https://fsprojects.github.io/Fabulous/

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Building Fabulous mobile apps with F#

  1. 1. @JimBobBennett aka.ms/XamDocs
  2. 2. @JimBobBennett aka.ms/XamDocs iOS C# UI Android C# UI Shared C# logic
  3. 3. @JimBobBennett aka.ms/XamDocs iOS F# UI Android F# UI Shared F# logic
  4. 4. @JimBobBennett aka.ms/XamDocs
  5. 5. @JimBobBennett aka.ms/XamDocs Common Infrastructure .NET Standard Library Cross-Platform Services .NET Core Windows Applications .NET Framework Xamarin Mobile Applications Compilers Languages Runtime components
  6. 6. @JimBobBennett aka.ms/XamFormsDocs
  7. 7. @JimBobBennett aka.ms/XamFormsDocs iOS C# App Android C# App Shared C# logic Shared UI
  8. 8. @JimBobBennett aka.ms/XamFormsDocs <?xml version="1.0" encoding="UTF-8"?> <TabbedPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MyApp.MainPage"> <TabbedPage.Children> <ContentPage Title="Profile" Icon="Profile.png"> <StackLayout Spacing="20" Padding="20" VerticalOptions="Center"> <Entry Placeholder="Username" Text="{Binding Username}"/> <Entry Placeholder="Password" Text="{Binding Password}" IsPassword="true"/> <Button Text="Login" TextColor="White" BackgroundColor="#77D065" Command="{Binding LoginCommand}"/> </StackLayout> </ContentPage> <ContentPage Title="Settings" Icon="Settings.png"> <!-- Settings --> </ContentPage> </TabbedPage.Children> </TabbedPage>
  9. 9. @jimbobbennett
  10. 10. @jimbobbennett
  11. 11. @jimbobbennett
  12. 12. @jimbobbennett
  13. 13. @JimBobBennett aka.ms/XamFormsDocs
  14. 14. @jimbobbennett

×