fable

Published

Tags

Using Create React App with Fable

Introduction 2019 has been a great year for me for all things F# related! I helped out with the organization of FableConf in Antwerp, gave a webinar at JetBrains and was able to release Fantomas 3.0. To wrap up the decade I’m writing this post as part of the F# Advent Calendar in English 2019. I had fun last year and I wish to continue this trend. To Feliz or not to Feliz Feliz has been receiving some traction in the community and at one-point Zaid asked me what I thought about it. My reply was, well it’s not for everybody 😅. In this blog post I’m going…

Published

Tags

Building Fable on Travis CI

Introduction Hi nojaf from the future, its you from the past. Today you created a build script for compiling Fable projects on Travis CI. Using a Docker image you maintain it is pretty easy to set up a Travis CI process. This blogpost is meant to capture what you knew then in case you sorta forgot. The good part Once you logged in to Travis, create a project by selecting a repository. Don’t worry you log in with your GitHub account and hit the add button. They know you are you and you get to choose a repository you have on GitHub. If you did that then…

Published

Tags

Writing a VSCode extension with Fable 2.1

Introduction This post is part of the F# Advent Calendar in English 2018. I’m very grateful to be a part of this and I hope you will enjoy this one as much as I have enjoyed the others. Today I would like to show you how you can create VS Code extension from scratch using Fable. Along the way we write some code that will extend the Markdown syntax. Project setup Code extension To get started we will follow the general approach of scaffolding a new extension. Using the yeoman generator we will scaffold a new JavaScript extension. Adding Fable In order to…

Published

Tags

React hooks preview with Fable

Introduction A couple of weeks ago Facebook presented React hooks, a new way of accessing React features inside functional components. In this blogpost I would like to show that the new hooks can easily be used in combination with Fable. Disclaimer: Hooks are an experimental proposal to React, currently available in , and the api is not final yet. Use at your own risk. useState() A first example of a hook is useState(). When the hook is called, we receive a variable representing the state and a function to update the state. Example: Note that accepts a…

Published

Tags

Fantomas rejuvenated: .NET cli tool

Introduction As part of the F# mentorship program my mentor Anthony Lloyd and I have been working on the Fantomas project. Fantomas is like prettier or elm-format but for F#. It was originally created by Anh-Dung Phan and people have suggested that it could be a part of the F# Compiler Service. Fantomas is like prettier or elm-format but for F#. .NET Core The source code of Fantomas is quite advanced so our approach is to focus first on improving the project in general. We noticed it was a bit old in terms of Visual Studio version and dependencies, so we…

Published

Tags

Building Fable apps inside a Docker container

Introduction Want to use Docker to develop Fable applications? What if I told you it isn’t all that difficult? TLDR; How to user Docker with Fable. Docker So the first step with Docker images is that you check whether a suiting image that fits your needs already exists. When I checked Docker Hub for any recent images with the Fable tool chain I didn’t really find anything that works with Fable 1.x. I accepted the fact that I would have to create the image myself. If you check the docs for requirements, we’ll need: .NET Core Node js Mono Docker compose…