awesome-fable
A curated list of useful Fable tutorials, libraries and software. Inspired by awesome list. Feel free to contribute.
Archived
406 stars
41 watching
43 forks
last commit: over 3 years ago
Linked from 2 awesome lists
awesome-listbablefablefable-pluginfsharpfunctional-programmingjavascriptwebpack2
Awesome Fable / Table of Contents | |||
Contribution Guidelines | 406 | over 3 years ago | |
Awesome Fable / Examples | |||
elmish | Find web app samples in elmish repository list | ||
SAFE Bookstore | 494 | about 2 months ago | Full stack SAFE example with support for deploying in a Docker container |
SAFE-Chat | 174 | 3 months ago | IRC-style chat demo featuring full-stack F#, Akka.Streams, Akkling, Fable, Elmish, Websockets and .NET Core |
SAFE Nightwatch | 157 | 2 months ago | A Demo application for React Native development in F# using Fable and the SAFE stack |
SAFE Confplanner | 152 | 3 months ago | A Demo application showcasing shared behaviour of CQRS/Event-Sourcing on the backend and the Elm architecture on the frontend. Both systems communication with push-notifications via websockets |
tabula-rasa | 199 | almost 2 years ago | Minimalistic real-worldish blogging platform, written entirely in F#, made as a learning reference for building large Elmish apps |
SAFE TodoList | 46 | almost 2 years ago | The simplest Todo app: a client-server application written entirely in F# using Elmish on the client, Suave on the server and Fable.Remoting for type-safe communication between the two |
Fable-Elmish-Electron-Material-UI demo | 113 | about 1 month ago | Complete boilerplate for Electron apps using Fable 2 and Elmish with hot module reloading, time-travel debugging, etc. Also demoes how to implement some non-trivial UX patterns in Elmish, as well as how to use Material-UI with JSS (styles as code) |
Volca FM editor | A Patch editor for the Korg Volca FM made with Fable-Elmish-React which uses Web MIDI | ||
fable-webmidi-sample | 4 | about 5 years ago | A simple sample for making a Web MIDI application with fable |
fable-uploadcare | A simple React sample to use widget | ||
bulma-timepicker | 1 | about 5 years ago | A simple timepicker using Bulma in an F# React component + how to use this React component in Elmish |
dexter | 8 | over 1 year ago | A minimal Pokemon search made with Fable, Feliz and Elmish. It demoes React components designed with Typesafe styling |
FSharp React Starter | 16 | about 3 years ago | A starter application with examples of common architecture and testing patterns |
F# trivia game | 6 | over 3 years ago | A trivia game written in Fable + F# Azure Functions, deployed to Azure Static Web Apps |
Awesome Fable / Learn | |||
Official Docs | — General information and in-depth guide with examples | ||
Official SAFE-Stack Docs | Official SAFE-Stack docs with nice samples and getting started tutorials | ||
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 ( ) | ||
Getting Started with Fable Elmish | Learn Elmish by working up to the Counter sample app from scratch ( ) | ||
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# | |||
FableConf 2017, Elmish & Canvas based presentation | 6 | about 7 years ago | Learn how to create gorgeous Perlin based canvas animations and texts with Elmish and JS Events through a very simple example |
Learning about the F# SAFE stack - Suave.io, Azure, Fable, Elmish | High level introduction to the SAFE stack by Scott Hanselman | ||
A fable of Web MIDI | An article about how to create Fable bindings for Web MIDI | ||
Opinionated Fable - Architecture & Performance | Architecture & Performance tips and tricks for Fable 1.x | ||
Fable in React land | Fable for React: creating components and optimizing them | ||
Create WebComponents with Fable + Elmish + React | How to create WebComponents with Fable + Elmish + React | ||
Even more interop with Fable | How to use Bcrypt Js library with Fable - Dec 2018 | ||
Fable interop 101 : generate-password | How to use generate-password Js library with Fable - Jan 2019 | ||
Getting Started with Elmish | Walking through Elmish Counter app and explaining the MVU architecture | ||
Starting with Fable (F#) | From scratch, no React, no Elmish, no Paket. Interop with DOM, p5.js explained. Also published on | ||
Awesome Fable / Videos and podcasts | |||
Official Fable youtube channel | |||
Awesome Fable / Videos and podcasts / Official Fable youtube channel | |||
FableConf 2018 videos playlist | All FableConf 2018 videos | ||
FableConf 2017 videos playlist | All FableConf 2017 videos | ||
Fable conference talks videos playlist | Other Fable talks on Youtube | ||
Awesome Fable / Videos and podcasts | |||
Conquer the JavaScript Ecosystem with F# and Fable | A gentle introduction of Fable from creator | ||
From F# to JavaScript and beyond with Fable | with Alfonso Garcia-Caro on Scott Hanselman's " " podcast | ||
F# and the SAFE stack | with Krzysztof Cieślak on Scott Hanselman's " " podcast | ||
Introduction to Web-Development with F# and Fable | and will talk about what Fable is, why it is an awesome tool to use for web development in 2019 and how you can start using it today | ||
Fable + Azure Functions + Static Web Apps | A session for On .NET Live | ||
Awesome Fable / Libraries | |||
Elmish | Elm-like abstractions for F# apps | ||
Elmish.Bridge | 138 | 4 months ago | Create client-server Fable-Elmish apps keeping a single mindset |
Fable.Fetch | 17 | 5 months ago | Fable bindings for Browsers' Fetch API |
Fable.Promise | 19 | about 1 month ago | Fable bindings for JS promise |
Fable.Date | 2 | over 5 years ago | Fable bindings for working with Dates |
Fable.Remoting | 273 | about 1 month ago | Typed RPC client-server communication for Fable and .NET |
Fable.SignalR | 90 | 8 months ago | A functional type-safe wrapper for SignalR and Fable |
Fable.Extras | 43 | about 3 years ago | A more functional construct on-top of Fable.Core |
Fable.Aether | 15 | 21 days ago | Optics library build for Fable |
Fable.Mqtt | 8 | about 6 years ago | Fable bindings for MqttJS |
Fable.Mocha | 56 | over 1 year ago | Fable testing library with mocha. Works in browser without any dependency |
Fable.Jester | 34 | over 3 years ago | Testing Fable apps with |
Fable.Ava | 0 | over 6 years ago | Testing Fable apps with |
Elmish.SweetAlert | 30 | almost 2 years ago | integration in Fable, implmeneted as Elmish commands, see |
Elmish.Toastr | 23 | 5 months ago | (notification library) integration with Fable, implemented as Elmish commands |
Elmish.AnimatedTree | 10 | almost 2 years ago | A tree component built on top of react-animated-tree ready to use from Elmish applications |
Fable.SqlClient | 13 | almost 2 years ago | Fable Node client for Microsoft SQL Server, built around a node-mssql binding |
Fable.React.Flatpickr | Fable binding for (datetime picker component) that is ready to use within Elmish applications | ||
Fable.ReactAgGrid | 3 | almost 2 years ago | Fable Binding for |
Fable.Parsimmon | 21 | almost 2 years ago | Fable bindings for the parser combinator library |
Fable.SimpleJson | 59 | almost 2 years ago | A library for easily working with JSON in Fable projects |
Fable.SimpleXml | 16 | almost 2 years ago | A library for easily working with XML in Fable projects |
Fable.DateFunctions | 26 | almost 2 years ago | binding for the library, implemented as 120+ extension methods for DateTime |
fable-moment-range | 0 | over 7 years ago | Fable bindings for momentjs range |
fable-react-grid-system | 4 | about 6 years ago | Fable bindings for React Grid System |
Fulma | Fable-React like DSL for Bulma + Bulma extension | ||
Fulma.Elmish | Ready to use | ||
fable-validation | 49 | almost 7 years ago | A isomorphic validation library for F#/Fable |
Thoth.Json | Json encoder/decoder library inspire by Elm | ||
fable-material-ui | 61 | almost 2 years ago | Fable bindings for |
Fable Linq | 6 | over 1 year ago | QueryBuilder for Fable |
Fable Cyclsfs | A Cycle-like Fable library for build reactive webapp | ||
Fable.Reaction | Extends Elmish with reactive ( ) query capabilities | ||
Fable.Reactstrap | Fable bindings for | ||
Feliz | 545 | 26 days ago | A fresh retake of the base React DSL and a collection of high-quality components used to build React applications, optimized for happiness |
Feliz.Bulma | 66 | 23 days ago | wrapper for the amazing Feliz DSL |
Feliz.Delay | 545 | 26 days ago | Adds easy to use delayed rendering |
Feliz.MaterialUI | 54 | 9 months ago | Feliz-style Fable bindings for Material-UI |
Feliz.MaterialUI.MaterialTable | 18 | over 3 years ago | Fable bindings written in the Feliz-style for |
Feliz.MaterialUI.Pickers | 12 | about 4 years ago | Fable bindings written in the Feliz-style for |
Feliz.PigeonMaps | 545 | 26 days ago | bindings based on the Feliz API |
Feliz.Plotly | 54 | 9 months ago | Fable bindings written in the Feliz-style for plotly.js |
Feliz.Popover | 545 | 26 days ago | bindings based on the Feliz API |
Feliz.ReactFlow | 32 | 3 months ago | bindings based on the Feliz API |
Feliz.Recharts | 545 | 26 days ago | bindings based on the Feliz API |
Feliz.Recoil | 46 | 12 months ago | Fable bindings in Feliz style for Facebook's experimental state management library recoil |
Feliz.RoughViz | 545 | 26 days ago | Feliz binding for the library |
Feliz.Router | 78 | almost 2 years ago | An Elmish router that is focused, powerful and extremely easy to use |
Feliz.SweetAlert | 7 | about 3 years ago | Fable bindings written in the Feliz-style for sweetalert2 |
Feliz.UseDeferred | 545 | 26 days ago | Hooks for dead-simple data fetching with Feliz |
Feliz.UseElmish | 545 | 26 days ago | Hooks to build Elmish components as React components |
Feliz.UseListener | 11 | almost 2 years ago | React hooks for easy event listener management |
Feliz.UseMediaQuery | 545 | 26 days ago | Hooks to build responsive websites |
Feliz.UseWorker | 17 | almost 3 years ago | Web workers in Fable made easy, exposed as React hooks and Elmish commands |
Fable.GroupingPanel | 40 | about 1 year ago | A computation expression for grouping data into collapsible panels |
Fable.AntD | 9 | over 2 years ago | Ant Design bindings for Fable |
Fable.MomentJs | 2 | almost 4 years ago | packaged MomentJs bindings by |
Fss | 100 | 7 months ago | Type-safe CSS styling library |
Awesome Fable / Tools | |||
fable-loader | Fable loader for Webpack | ||
ts2fable | 222 | about 1 month ago | Fable parser for Typescript declaration files |
Online REPL | The Fable Online REPL | ||
HTML to Elmish | Convert HTML snippets into code ready to be used in Elmish apps | ||
JSON to Thoth | 4 | over 1 year ago | Convert JSON to F# code with Thoth decoders |
Femto | 153 | 2 months ago | Femto is a CLI tool that automatically resolves npm packages used by Fable bindings |
Awesome Fable / Editors | |||
Ionide | A wonderful Visual Studio Code extension for F# language | ||
Visual Studio | |||
JetBrains Rider | |||
Awesome Fable / Templates | |||
Elmish templates | 42 | about 2 months ago | Templates to kick start a new Elmish application. Install them like and create a project with |
SAFE template | 282 | 6 days ago | Dotnet CLI template to bootstrap projects, including on server side |
Fulma minimal template | The quickest way to get started an Elmish + Fulma application from scratch | ||
Fable.Library.Template | 19 | about 3 years ago | F# Template for create and publishing Fable Libraries |
Semuserable.Fable.Templates | 21 | 8 months ago | Minimal Fable templates |
Fable for Azure Static Web Apps | 9 | over 3 years ago | GitHub repo template for Fable + Functions for Azure Static Web Apps |
Fable + Feliz for Azure Static Web Apps | 13 | over 3 years ago | GitHub repo template for Feliz + Functions for Azure Static Web Apps |
Elmish for Azure Static Web Apps | 11 | over 3 years ago | GitHub repo template for Elmish + Functions for Azure Static Web Apps |
Awesome Fable / Old (working only before Fable3) | |||
Fable.Jest | 7 | about 6 years ago | Testing Fable apps with |
fable-signalr | 2 | over 6 years ago | Fable bindings for SignalR |
fable-websockets | 2 | over 7 years ago | Archived - Fable bindings for WS |
fable-react-toolbox | 16 | about 6 years ago | UI components for fable-react |
fable-momentjs | 6 | over 6 years ago | Fable bindings for momentjs |
Fable.Import.WebMIDI | 3 | almost 7 years ago | Web MIDI bindings for Fable |
rollup-plugin-fable | Fable plugin for Rollup | ||
Awesome Fable / Support | |||
Gitter | Ask questions on fable gitter | ||
Slack | Join Official FSharp.org and Slack channel | ||
Awesome Fable / 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 | ||
Casque Noir | Web documentary about Haïti environmental issues | ||
Fable-of-the-Day | 9 | over 6 years ago | Catch of the day by @wesbos ported to Fable |
Czech Republic 2018 Election Analytics | |||
Who to follow | |||
Official Twitter Handle of Fable | |||
F# Weekly | |||
More awesome | |||
awesome | 334,113 | about 4 hours ago | by |
awesome-awesomeness | 32,092 | 6 months ago | by |
awesome-fsharp | 1,218 | 15 days ago | by |