An open API service indexing awesome lists of open source software.

https://github.com/jwosty/interstellarfablehelloworld

A sample Interstellar application with a UI built in Fable+Elmish+React
https://github.com/jwosty/interstellarfablehelloworld

fable fable-elmish-react interstellar

Last synced: over 1 year ago
JSON representation

A sample Interstellar application with a UI built in Fable+Elmish+React

Awesome Lists containing this project

README

          

# Interstellar+Fable Hello World

This is a standalone application that integrates [Interstellar](https://github.com/jwosty/Interstellar) and [Fable](https://fable.io/). It's analagous to using [Electron](https://electronjs.org), except that it employs F# for the whole stack instead of Javascript. This app features a simple GUI built with [Elmish-React](https://elmish.github.io/react/). This can be run using Visual Studio just like any other application.

Here are the interesting bits to look at:

* [HelloWorld.FableUI/FableApp.fs](HelloWorld.FableUI/FableApp.fs) - the Fable+Elmish+React UI, written in F# and transpiled to Javascript
* [HelloWorld.Interstellar/App.fs](HelloWorld.Interstellar/App.fs) - the Interstellar BrowserApp definition, which handles the lifecycle of the windows, and also hosts and simple static file server for the transpiled Javascript
* [HelloWorld.Windows/Program.fs](HelloWorld.Windows/Program.fs) - the Windows entry point
* [HelloWorld.macOS/AppDelegate.fs](HelloWorld.macOS/AppDelegate.fs) - the macOS entry point

## Running
On Windows, open HelloWorld.Windows.sln and run. On macOS, open HelloWorld.macOS.sln, but make sure to execute `yarn install` in the command line before running the solution.