awesome-fable

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

Archived

GitHub

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

Backlinks from these awesome lists: