- Install .net core: https://www.microsoft.com/net/core
- Install yarn: https://yarnpkg.com/lang/en/docs/install/
- Install mono on mac: brew install mono
- Install fable .net core fable-elmish template: dotnet new -i "Fable.Template.Elmish.React::*" (Optional)
- Install npm dependencies:
yarn install - Install dotnet dependencies:
dotnet restore - Start Fable server and Webpack dev server:
dotnet fable npm-run start - In your browser, open: http://localhost:8080/
Any modification you do to the F# code will be reflected in the web page after saving.
Under code there are different folders that represent a code challenge:
-
In the "Counter" folder define a Reset button in the view, and modify the model and state accordingly
-
In the "Light" folder there is a bug in the modeling of the state, fix it please.
-
In the "TreeView" folder implement the view to render the tree, and finish the state transition function.
Recommended tools:
- Visual studio code: https://code.visualstudio.com/
- ionide: http://ionide.io/