Feliz.MaterialUI.Components

An app to demonstrate different components.

Autocomplete

Autocomplete setup with properties.

    let autocomplete =
        { Autocomplete.props with
              Dispatch = (Selected >> dispatch)
              Options =
                  Data.top100Films
                  |> List.map (fun m -> m.title)
                  |> List.sort
              Label = "Pick a movie"
              Filter = state.Filter }
        |> Autocomplete.render

Install pre-requisites

You'll need to install the following pre-requisites in order to build SAFE applications

The .NET Core SDK
The Yarn package manager (you can also use npm but the usage of yarn is encouraged).
Node LTS installed for the front end components.
If you're running on OSX or Linux, you'll also need to install Mono.

Work with the application

Before you run the project for the first time only you should install its local tools with this command:

dotnet tool restore

To concurrently run the server and the client components in watch mode use the following command:

dotnet fake build -t run

SAFE Stack Documentation

You will find more documentation about the used F# components at the following places:

If you want to know more about the full Azure Stack and all of it's components (including Azure) visit the official SAFE documentation.