mangelmaxime / awesome-fable

A curated list of useful Fable tutorials, libraries and software. Inspired by awesome list. Feel free to contribute.

Awesome Fable

A community driven list of useful Fable tutorials, libraries and software.

Inspired by the awesome list thing. Feel free to improve this list.

Table of Contents

• Awesome Fable
  • Examples
  • Learn
  • Videos and podcasts
  • Libraries
  • Tools
  • Editor plugins
  • Templates
  • Support
  • Built with Fable
  • Who to follow
• More awesome
• Contribution Guidelines

Examples

Some good apps written in Fable.

• Fable website - Basic examples in official website.
• Fable repo samples - Fable's samples repository.
• fable-elmish - Find web app samples in fable-elmish repository list.
• Fable + React Native - Full React Native app using Fable.
• Fable + Fuse - Simple F# cross-platform mobile app based on Fuse Tools quickstart tutorial.
• fable-electron - Learn how to write a cross-platorm desktop app in F# with Fable and Github Electron.
• fable vscode - Basic Visual Studio Code 'Hello Word!' extension.

⬆️ back to top

Learn

Learn what this awesome thing is.

• Official Docs — General information and in-depth guide with examples.
• Official Elmish Docs - Official Elmish docs with nice samples and explanation of concepts

• Minimalistic Live Testing Fable Apps With QUnit
• F# Interop with Javascript in Fable: The Complete Guide - A comprehensive guide to Fable's interop capabilities
• Introducing Fable.Remoting: Automated Type-Safe Client-Server Communication for Fable Apps
• Statically Typed Client-Server Communication with F#: Proof of Concept - Joining F# Server and Client (outdated).
• Fable and Fable-Elmish Step-by-Step - Creating a Calculator using Fable-Elmish (Fable 0.7).
• Getting Started with Fable Elmish - Learn Elmish by working up to the Counter sample app from scratch (Fable 0.7).
• Early Fable Adventures – Building A Memory Tiles Game - Game of memory in F# using Fable DOM interactions and .Net events.
• Fablelous Enterprise Tic-Tac-Toe - Web-based tic-tac-toe game written in F# and transpiled to JavaScript using Fable.
• Fable from Scratch Series - Bootstrap a Fable application from an empty directory to learn more about the stack.
• Creating Visual Planetary Systems using Fable and F#
• Two Tetromino Tetris with Fable and F# - Implementation of a version of Tetris using Fable with the JS Canvas API and JS interval and .Net events for the game clock. ⬆️ back to top

Videos and podcasts

Watch great talks about Fable

• Conquer the JavaScript Ecosystem with F# and Fable - A gentle introduction of Fable from creator Alfonso Garcia-Caro

⬆️ back to top

Libraries

Useful helpers to build apps.

• Elmish - Elm-like abstractions for F# apps
• Fable.PowerPack - Utilities for Fable apps
• Fable.Remoting - Typed Client-Server communication for Fable and Suave
• Fable.Aether - Optics library build for Fable
• Fable.Mqtt - Fable bindings for MqttJS
• Fable.Jest - Testing Fable apps with Jest
• Fable.Ava - Testing Fable apps with Ava
• fable-signalr - Fable bindings for SignalR
• fable-websockets - Fable bindings for WS
• fable-react-toolbox - UI components for fable-react
• fable-momentjs - Fable bindings for momentjs
• fable-moment-range - Fable bindings for momentjs range
• fable-react-grid-system - Fable bindings for React Grid System
• Fulma - Fable-React like DSL for Bulma
• Fulma.Extensions - Fable-React like DSL for Bulma extensions
• Fulma.Elmish - Ready to use elmish components

⬆️ back to top

Tools

Tools around Fable platform.

• fable-loader - Fable loader for Webpack
• rollup-plugin-fable - Fable plugin for Rollup
• ts2fable - Fable parser for Typescript declaration files
• Online REPL - The Fable Online REPL

⬆️ back to top

Editor plugins

Tools to support Fable in code editors.

• ionide - A wonderful Plugin for F# language.

⬆️ back to top

Templates

Fable templates to get up and running

• Elmish templates - Templates to kick start a new Emish application. Install them like dotnet new -i "Fable.Template.Elmish.React::*" and create a project with dotnet new fable-elmish-react -n myproject
• Fable Suave - Scaffold to start an isomorphic F# web app using Suave in the backend and Fable in the frontend, with canopy tests, best practices, etc.
• GameDevelopment Scaffold - Template to kick start a new dummy game. Based on the Fable Suave scaffold for Client <> Server support
• Fable.Library.Template - F# Template for create and publishing Fable Libraries

⬆️ back to top

Support

Where to find help.

• Gitter - Ask questions on fable gitter.
• Slack - Join Official FSharp.org and Slack channel.

⬆️ back to top

Built with Fable

Production application that built with Fable

• ionide - VS Code and Atom extension for F# development
• The Gamma - Tools for open data-driven storytelling
• Payoff charts - Shows you the profit of strategy in the dependency on the underlying movements

Who to follow

• Official Twitter Handle of Fable
• F# Weekly

⬆️ back to top

More awesome

Discover other amazingly awesome lists.

Awesome Fable is just a part of awesome thing, get more here:

• awesome by @sindresorhus
• awesome-awesomeness by @bayandin

⬆️ back to top

License

To the extent possible under law, @kunjee17 has waived all copyright and related or neighboring rights to this work.