real-world-fable
Perla
real-world-fable | Perla | |
---|---|---|
1 | 7 | |
6 | 132 | |
- | - | |
2.9 | 8.2 | |
almost 2 years ago | 4 months ago | |
F# | F# | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
real-world-fable
-
Building a Webpack alternative in F#
What came up next was experimenting with snowpack and fuse-box to see which setup could work best with Fable 3 and Although, Both projects work extremely well with Fable, the snowpack project felt more compelling to me thanks to the promoted Unbundled development concept. I decided to go for it and tried the Fable Real World implementation and switched webpack for snowpack and the results were kind of what I was expecting, faster builds, a simpler setup and a much faster developer loop feedback with the browser.
Perla
-
Targeting Node, Bun and Deno With F#
Does that import map thing feel familiar? well maybe I spoke about that a few months ago when I wrote about a project of mine (Perla) which uses import maps to allow you to write Single Page Applications without node installed!
-
Progressively Adding Fable to JS Projects
If you need to handle dependencies via CDN/Local Dist file then some dependencies won't work because they use node like imports import {} from 'lit/some/sub/directory.js browser imports need to start with / or ./ or even ../ so they can be valid ES module imports thankfully for this you can check out in a shameless plug one of the projects I'm working on: Perla which handles this precise case but I digress, the ideal situation would be you with npm and already figured out how to serve node dependencies to your compiled code.
-
Why did you (any .NET pro) either choose or switch to using F#?
The most "complex" application would be a webpack alternative in F#: AngelMunoz/Perla and maybe a simple migrations manager AngelMunoz/Migrondi
-
Building a webpack alternative in F#
Not the author, but it doesn't seem like you'll need dotnet installed from the docs
-
Building a Webpack alternative in F#
Whew! That was a lot! but shows how to build each part of the Webpack alternative I've been working on Called Perla there are still some gaps though
-
What are you working on? (2021-12)
I keep working on Perla :) https://github.com/AngelMunoz/Perla
-
Server Sent Events with Saturn and FSharp
I've been working in perla which is a cross-platform executable frontend dev-server/build-tool which is not tied to Nodejs or .NET meaning that you don't need to have .NET installed and neither Nodejs, at the same time it doesn't use npm or other things to handle dependencies it does so by leveraging skypack and import maps to let you use npm dependencies but from a CDN rather than locally.
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
Fable: F# |> BABEL - F# to JavaScript, TypeScript, Python, Rust and Dart Compiler
parcel - The zero configuration build tool for the web. 📦🚀
ionide-vscode-fsharp - VS Code plugin for F# development
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Saturn - Opinionated, web development framework for F# which implements the server-side, functional MVC pattern
Lambda-Calculus - A simple Programming Language Compiler to Lambda-Calculus, with a Lambda-Runtime
Fable.Lit - Write Fable Elmish apps with Lit
import-maps - How to control the behavior of JavaScript imports