If you look at src/Server/Shared/Domain.fs then you will see code that is shared between client and server. The naming is really bad, but the idea to have the same code running on client and server is really interesting. "Isomorphic F#" started a bit as a joke about Isomorphic JavaScript.
The Fable compiler is used to compile the F# client code to JavaScript so that it can run in the browser. If a user is logged in then a JSON Web Token is sent to the server with every request. The communication to the server is done via HTTPS calls to /api/*. The client is React single page application that uses fable-elmish. Building a Highly Concurrent, Functional Web Server on.If you are new to Freya, you can find an introduction at: Check out the freya branch for an alternative implementation of the backend. The SAFE stack does not force you to use Giraffe/Saturn.
In development mode the server is automatically restarted whenever a file in src/Server is saved. The webserver backend is using Saturn - a web framework building on top of Giraffe and ASP.NET Core. It will also start Fable watch mode for the Client side and open the browser.Ĭlient side debugging is supported by any modern browser with any developer tools.įable even provides source maps which will let you put breakpoints in F# source code (in browser dev tools).Īlso, we additionally suggest installing React-devtools (for better UI debugging) and Redux-devtools (time travel debugger). This will build server and start it with debugger attached.
Usually you can just keep this mode running and running. You can now edit files in src/Server or src/Client and recompile + browser refresh will be triggered automatically.įor the case of the client "Hot Module Replacement" is supported, which means your app state is kept over recompile. dotnet watch msbuild /t:TestAndRun in test/serverTests to run unit tests and then server (note: Giraffe is launched on port 8085).dotnet fable webpack-dev-server in src/Client (note: the Webpack development server will serve files on.This command will call the target "Run" in build.fsx. An instance of Visual Studio Code together with the excellent Ionide plugin should be enough. This development stack is designed to be used with minimal tooling. For deployment you need to have docker installed.Other tools like Paket or FAKE will also be installed by the build script.If you are looking to create your own SAFE application, we recommend that you use the official SAFE template which provides a clean, flexible and regularly updated template dotnet designed for starting brand-new applications quickly and easily. You can see it running on Microsoft Azure at. SAFE is a technology stack that brings together several technologies into a single, coherent stack for typesafe,įlexible end-to-end web-enabled applications that are written entirely in F#. The following document describes the SAFE-Stack sample project. SAFE - A web stack designed for developer happiness
0 kommentar(er)
